Cannot read property 'component' of undefined 即vue-router 0.x转化为2.x

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Cannot read property 'component' of undefined 即vue-router 0.x转化为2.x，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1124字，纯文字阅读大概需要2分钟。

内容图文

原文链接：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)
})

' of undefined 即vue-router 0.x转化为2.x' ref='nofollow'>Cannot read property 'component' of undefined 即vue-router 0.x转化为2.x

原文：https://www.cnblogs.com/zr123/p/8158731.html

内容总结

以上是互联网集市为您收集整理的Cannot read property 'component' of undefined 即vue-router 0.x转化为2.x全部内容，希望文章能够帮你解决Cannot read property 'component' of undefined 即vue-router 0.x转化为2.x所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---