Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.3k views
in Technique[技术] by (71.8m points)

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
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 }
})

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...