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的语法啊

阅读 2.6k
2 个回答
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 }
})

楼上正解 !!!

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进