weex引入vue-router

今天开始学习weex,结果在引入vue-router的过程中遇到了困难,查看好多文档都是讲的很简单,自己实践起来总是不成功;今天把自己的经验分享下,希望可以帮助大家;
entry.js里面引入vue和vue-router,然后初始化vue,因为weex会自己初始化一下,所以只在这里操作你会很郁闷,初始化不管用

import Vue from 'vue'
import weex from 'weex-vue-render'
import router from '@/router'
import App from '@/index'

weex.init(Vue)

new Vue(Vue.util.extend({
    el:'#root',    
    //将vue集成到vue中
    router,
},App))

接下来,你需要在configs/webpack.common.conf.js里面找到

contents += `
const App = require('${relativeVuePath}');
new Vue(Vue.util.extend({el: '#root'}, App));
`;

这段代码并注释掉;
剩下的就是自己配置router文件,在src文件夹下新建router文件夹,然后router下新建index.js文件,new Router
index.js

import Router from 'vue-router'
import Vue from 'vue'
import ViewOne from '@/components/first.vue'

Vue.use(Router)
export default new Router({
  routes: [
    { path: '/first', component: ViewOne }
  ]
})

接下来就去操作vue就行了,记得使用哦,很久没有新建项目,忘记他了,导致我浪费了十几分钟,好尴尬!!

你可能感兴趣的:(weex引入vue-router)