Vue.js router init 与 router.map 一起工作，而不是与 Router 构造函数一起工作

Question

在我的应用程序中，我使用 vue-router。当我使用 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 : []
        }
    ]
})

Answer 1

目前有 2 个版本的 Vue Router。

1st - Vue Router 0.7.x 仅适用于 VueJS 1.x.x version.The 你发布的工作示例是 Vue Router 0.7.x 版本语法，所以你可能是运行 VueJS 1.x.x 在你的应用上。

2nd - Vue Router 2.x 仅适用于 VueJS 2.x.x。第二个无效示例是 Vue Router 2.x 版本语法。

因此请确保您使用的是哪个 VueJS 版本运行，然后应用正确的 Vue Router 版本，并使用正确的语法。

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

Vue.js router init 与 router.map 一起工作，而不是与 Router 构造函数一起工作

Vue.js router init works with router.map not with the Router constructor

javascript

vue.js

vue-router