2016-12-26 97 views
1

在我的應用程序中,我使用vue路由器。當我使用router.map({})將路由傳遞給路由器時,路由將起作用,但在構造函數中傳遞路由時它們不起作用。任何想法爲什麼這是?Vue.js路由器初始化工作與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路由器版本使用的是?首先(工作)一個是舊vue路由器,我認爲'0.9.x'版本,只適用於Vue 1.第二個是新的Vue路由器版本,它只適用於Vue 2. –

+0

非常簡單...謝謝! – kevin

回答

0

目前有Vue公司路由器的2個版本。

月1日 - Vue公司路由器0.7.x只用VueJS 1.x.x工作稿。例如你貼的工作原理是Vue的路由器0.7.x版本的語法,所以可能是你正在運行在您的應用程序VueJS 1.x.x

2nd - Vue Router 2.x僅適用於VueJS 2.x.x。第二個非工作實例是Vue Router 2.x版本語法。

因此,請確保您正在運行的VueJS版本,然後應用正確的Vue路由器版本,並使用正確的語法。

文檔的Vue的路由器2.x.x - https://router.vuejs.org/en/ 文檔的Vue的路由器0.7.x - https://github.com/vuejs/vue-router/tree/1.0/docs/en

+0

解決!謝謝。 – kevin