javascript - Vue 路由继承父属性

Question

我是 vue.js 的新手，目前我正在尝试设置不同的路线。我正在使用子路由，因为“登录”用户将拥有与访问者不同的 UI。

目前我的设置是这样的:

routes: [
    {
        path: '/auth',
        name: 'auth',
        component: test,
        meta: {
            auth: false
        },
        children: [
            {
                path: 'login',
                name: 'login',
                component: login
            },
            {
                path: 'signup',
                name: 'signup',
                component: signup
            }
        ]
    },

    {
        path: '/user',
        name: 'user',
        component: test,
        meta: {
            auth: true
        },
        children: [
            {
                path: 'profile',
                name: 'profile',
                component: login
            }
        ]
    }
]

虽然这是有效的，但我想知道为什么子路由不接管父 meta 属性。我是否需要将 meta.auth 分配给每个子路由？或者有什么方法可以继承这个？

基本上在 router.beforeEach 中，我想检查用户是否通过了正确的身份验证。但仅限于 /user

的子路由

我也来自angular背景，所以我习惯了嵌套路由，不确定这是否是 Vue 中的最佳方式。

Answer 1

回答我自己的问题:https://github.com/vuejs/vue-router/issues/704

我没有意识到这在 Vue-router 2.0 中已被弃用，可以获得匹配的路由并在那里找到元数据。