Vue-router 2.0 没有效果显示的原因
前段时间 Vue升了2 相应vue-router,vue-cli 也升了2,最近我也在学,坑不少,加上wepack 和ESlint 的语法,差点奔溃,
废话不说上代码
1 import Vue from 'vue' 2 import App from './App' 3 import VueRouter from 'vue-router' 4 // 引入子组件到路由 5 import goods from './components/goods/goods.vue' 6 import seller from './components/seller/seller.vue' 7 import ratings from './components/ratings/ratings.vue' 8 9 Vue.config.productionTip = false 10 11 Vue.use(VueRouter) 12 13 let router = new VueRouter({ 14 routes: [ //!!!! 注意这里 是 routes 不是 routers 没有 'r' 15 {path: '/goods', component: goods}, 16 {path: '/seller', component: seller}, 17 {path: '/ratings', component: ratings} 18 ] 19 }) 20 21 /* eslint-disable no-new */ 22 new Vue({ 23 el: '#app', 24 template: '<App/>', 25 components: { App }, 26 router: router 27 })
构造函数 VueRouter 里面的是 routes ,而不是routers ,切记切记~~~