Vue 嵌套路由 多级路由规则

套娃路由

routes:
        [
            {
                path: '/login',
                component: Login
            },
            {
                path: '/user',
                component: User,
                children:
                    [
                        { path: 'test', component: Test },
                        { path: 'test2', component: Test2 },
                    ]

            }

        ]

子路由不需要加/

在父组件

子路由不需要加/ 需要带上父亲的路由路径

 <router-link  to="user/test" >跳转用户router-link>
 <router-view>router-view>
    

你可能感兴趣的:(Vue,vue.js,前端,javascript)