码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-12-31 21:10:45      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:打开   link   商品   ati   out   render   指令   outer   sel   

原文链接: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

标签:打开   link   商品   ati   out   render   指令   outer   sel   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!