weex 1.3.11 使用vue-router实在弄不明白了。

Question

经过了两天的折腾，终于还是没有搞定。麻烦各位大咖帮忙瞧瞧

/src/entry.js

import Vue from 'vue';
import weex from 'weex-vue-render';

weex.init(Vue);

/src/index.vue

<script>
import App from './App.vue'
import router from './router.js'

App.el = '#root'
App.router = router

// new Vue(Vue.util.extend({ router }, app))
new Vue(App)
</script>

/src/App.vue

<template>
    <div class="main_body">
        <!-- 页面内容 -->
        <rout-view id = 'page_root' class = 'mian_view' @click = 'go'>
        </rout-view>
        <tab_bar />
    </div>
</template>

<script>
import tab_bar from './../components/common/tab_bar.vue'

import router from './router.js'
export default {
    components: {
        tab_bar,
    },
    router: router,
    methods: {
        go(event) {
            console.log('go')
            this.$router.push('/home')
        },
    }
}
</script>

/src/router.js

import Vue from 'vue'
import VueRouter from 'vue-router'

import home from './page/home.vue'
import take_stock from './page/take_stock.vue'

Vue.use(VueRouter)

export default new VueRouter ({
    el: '#page_root',
    routers: [
        {
            path: '/home',
            // name: 'home',
            component: home,
        }, {
            path: '/take_stock',
            // name: 'take_stock',
            component: take_stock
        }
    ]
})

在web上没有任何反应，在android模拟器上会出现: render error: -2013

Answer 1

import home from '@/page/home.vue'
import take_stock from '@/page/take_stock.vue'

使用@代替相对路径

Answer 2

路由不是在入口文件已经引好了吗？
就是你生成项目的时候选择带vuerouter的

Answer 3

楼主有解决吗？遇到了相同的问题，官网说可以的，按官网额来写了，还是不行，郁闷了