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 嵌套路由 多级路由规则

套娃路由

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><!-- 路由器占位符 -->