Vue 嵌套路由 多级路由规则

套娃路由

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

            }

        ]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

子路由不需要加/

在父组件

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

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