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就行了,记得使用哦,很久没有新建项目,忘记他了,导致我浪费了十几分钟,好尴尬!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

翼晗

苦逼三线前端,给点支持吧。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值