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)
})
最新文章
- 《简明python教程》笔记一
- glob模式
- 图解Android - Android GUI 系统 (5) - Android的Event Input System
- JQuery图形插件,Highcharts平滑线条处理方法
- 使用Apache Felix Remote Shell远程管理OSGI
- GP(Geoprocessing)服务的发布与调用
- cer, pfx 创建,并且读取公钥/密钥,加解密 (C#程序实现)
- 武汉科技大学ACM:1009: 华科版C语言程序设计教程(第二版)习题5.12
- 使用WinAPI全局热键注册和全局模拟按键
- Oracle 创建索引的基本规则总结
- iOS动画学习-视觉效果
- pt-log-player
- Eclipse报错An internal error occurred during: ";J2EE Component Mapping Update";. java.lang.NullPointerException
- 谈一谈CloudBlog的系统架构
- 从excel表中生成批量SQL,将数据录入到数据库中
- 常用maven仓库
- restfull环境搭建-helloword
- Java NIO Overview
- Jmeter 中多线程并发和循环控制器
- 上传 第三方jar包 nexus