vue报错Cannot read property 'component' of undefined

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/sweet_o/article/details/80412147

这是因为版本问题， 由于vue2删除了vue1的内部指令，而vue－router1.x依赖vue的一个内部指令， 研究了下vue-router官网， 最后我将vue-router改为2.2.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中（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);

//定义路由：

const routes = [
  {path: '/goods', component: goods},
  {path: '/ratings', component: ratings},
  {path: '/seller', component: seller}
];

//创建 router 实例，然后传 `routes` 配置：

扫描二维码关注公众号，回复： 4405330 查看本文章

const router = new VueRouter({
  mode: 'history',
  linkActiveClass: 'active',
  routes
});

//=> 是ES6的箭头语法：

var vm = new Vue({
  el: '#app',
  router,
  render: h => h(App)
});

Vue.use({
  vm
});

vue-router官网：https://router.vuejs.org