Cannot read property 'component' of undefined 即vue-router 0.x转化为2.x
来源:互联网 发布:网红美图软件有哪些 编辑:程序博客网 时间:2024/06/05 07:51
vue项目原本是用0.x版本的vue-router,但是去报出:Cannot read property 'component' of undefined
这是因为版本问题,由于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中(我的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)
})
vue-router官网:https://router.vuejs.org
- Cannot read property 'component' of undefined 即vue-router 0.x转化为2.x
- Vue-router cannot read property _c of undefined
- Vue.js搭建路由报错 router.map is not a function,Cannot read property ‘component’ of undefined
- Vue2-Cannot read property 'component' of undefined
- Webpack+react-router 报 Cannot read property 'toUpperCase' of undefined
- vue报错 vue Cannot read property ‘ob’ of undefined
- vue.js中报错: TypeError: Cannot read property 'indexOf' of undefined
- Vue components Cannot read property '__ob__' of undefined
- "TypeError: Cannot read property 'undefined' of undefined"
- Cannot read property 'autoCreated' of undefined
- TypeError: Cannot read property 'parentNode' of undefined
- Cannot read property 'nodeType' of undefined
- Cannot read property 'xxx' of undefined
- TypeError: Cannot read property 'left' of undefined
- [Jquery]Cannot read property 'msie' of undefined
- Cannot read property ‘msie’ of undefined
- Cannot read property ‘msie’ of undefined
- Cannot read property 'rownumbers' of undefined
- Android工作经验之开发技术分享
- apache mod_proxy 负载均衡
- HDU 2072
- Android仿支付宝扣款顺序,动态改变ListView各Item次序
- Java Web开发如何在注册和登录时对用户名和密码进行验证?
- Cannot read property 'component' of undefined 即vue-router 0.x转化为2.x
- Head First SQL 第十章
- 使用main函数的参数,实现一个整数计算器,程序可以接受三个参数,第一个参数“-a”选项执行加法,“-s”选项执行减法,“-m”选项执行乘法,“-d”选项执行除法,后面两个参数为操作数。
- 类模板遇到友元函数模板
- servlet的作用到底是什么?最直接的理解
- Linux下用户组、文件权限详解
- Visitor模式
- MySQL中比like语句更高效的写法locate/position/instr/find_in_set
- Codeforces300D Painting Square