javascript - 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

目前 Vue Router 有 2 个版本。

1st - Vue Router 0.7.x 仅适用于 VueJS 1.x.x 版本。您发布的工作示例是 Vue Router 0.7.x code> version 语法，因此您可能正在应用程序上运行 VueJS 1.x.x。

第二个 - Vue Router 2.x 仅适用于 VueJS 2.x.x。第二个非工作示例是 Vue Router 2.x 版本语法。

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

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