2016-12-26 4 views
1

私のアプリでは、私はvue-routerを使用します。ルータはrouter.map({})でルータに渡すと動作しますが、コンストラクタに渡すと動作しません。これがなぜなのか?Vue.jsルータのinitはルータのコンストラクタではなくrouter.mapで動作します

// works: 
const router = new VueRouter() 
router.map({ 
    '/user' : { 
     component : User, 
     subRoutes : {} 
    } 
}) 

// does not work: 
const router = new VueRouter({ 
    routes : [ 
     { 
      path : '/user', 
      component : User, 
      children : [] 
     } 
    ] 
}) 
+1

使用しているああ、何Vueのルータのバージョン?最初の(動作している)1つは古いvueルータ用です。私は '0.9.x'バージョンとしか思えません.Vue 2でのみ動作する新しいVueルータバージョンです。 –

+0

とても簡単です...ありがとう! – kevin

答えて

0

現在、2つのバージョンのVue Routerがあります。

第一 - のみあなたが投稿VueJS 1.x.x version.The実施例で動作しますVueのルータ0.7.xはVueのルータ0.7.xバージョン構文なので、おそらくあなたは、あなたのアプリのVueJS 1.x.xを実行しています。

第2 - Vueルータ2.xこれはVueJS 2.x.xでのみ動作します。第2の正常でない例は、Vue Router 2.xのバージョン構文です。

実行中のVueJSのバージョンを確認し、正しいVue Router Versionを適用し、正しい構文を使用してください。 Vueのルータの

ドキュメント2.x.x - Vueのルータのhttps://router.vuejs.org/en/ ドキュメント0.7.x - https://github.com/vuejs/vue-router/tree/1.0/docs/en

+0

解決済み!ありがとう。 – kevin

関連する問題