vue-router 2.0路由问题。

问题描述

问 题

新人求助。
代码如下：

import Vue from 'vue';
import App from './App';
import VueRouter from 'vue-router';
import goods from './components/goods/goods.vue';
import ratings from './components/ratings/ratings.vue';
import seller from './components/seller/seller.vue';

Vue.use(VueRouter);

Vue.config.productionTip = false;
let app = Vue.extend(App);
let router = new VueRouter();
router.map({
  '/goods': {
    component: goods
  },
  '/ratings': {
    component: ratings
  },
  'seller': {
    component: seller
  }
});
router.start(app, '#app');

用的是vue2.0和vue-router 2.0。
我知道我用的是1.0的语法。所以说肯定是不对的。已经按照官网2.0的教程改了一天了，还是没有什么头绪。我改完以后控制台各种提示我is assigned a value but never used（啥啥被注册了但是没用- -）求教大神，应该怎么改写成2.0的语法啊

解决方案

import Vue from 'vue';
import App from './App';
import VueRouter from 'vue-router';
import goods from './components/goods/goods.vue';
import ratings from './components/ratings/ratings.vue';
import seller from './components/seller/seller.vue';

Vue.use(VueRouter);

Vue.config.productionTip = false;
var routes=[
    {
        path: '/goods',
        component: goods
    },
    {
        path: '/ratings',
        component: ratings
    },
    {
        path: '/seller',
        component: seller
    }
]
var router = new VueRouter({
    routes
})
new Vue({
  el: '#app',
  router,
  template: '<App />',
  components: { App }
})

这篇关于vue-router 2.0路由问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！