Cannot read property 'component' of undefined 即vue-router 0.x轉化為2.x
原文鏈接:http://blog.csdn.net/m0_37754657/article/details/71269988
由於vue版本為1.0,沒有一些vue-router指令;因而需要vue-router2.0解決。
1.打開package.json 將"dependencies"中的 "vue-router"版本改為:"^2.2.0"
2.npm install
3.在App.vue中
<a v-link="{path:‘/goods‘}"></a>
改為 <router-link to="/goods">商品</router-link>
(這個坑了我很久)
4.然後在main.js中(我的main.js是這樣的【2.2.0版本】)
import Vue from ‘vue‘;
import VueRouter from ‘vue-router‘;
import App from ‘./App‘;
import goods from ‘./components/goods/goods‘;
import seller from ‘./components/seller/seller‘;
import ratings from ‘./components/ratings/ratings‘;
//使用模塊化機制編程,導入Vue和VueRouter,要調用 Vue.use(VueRouter)
Vue.use(VueRouter);
//定義路由
var routes=[
{path:‘/‘,redirect: ‘/goods‘},
{path:‘/goods‘,component:goods},
{path:‘/ratings‘,component:ratings},
{path:‘/seller‘,component:seller}
]
//創建 router 實例,然後傳 `routes` 配置
var router=new VueRouter({
linkActiveClass: ‘active‘,
routes
});
//=>
是ES6的箭頭語法
new Vue({
el:‘#app‘,
router,
render:h=>h(App)
})
Cannot read property 'component' of undefined 即vue-router 0.x轉化為2.x