2016-12-26 137 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