Vue 嵌套路由 多级路由规则

简介: 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>
    <!-- 路由器占位符 -->
相关文章
|
1天前
|
分布式计算 资源调度 JavaScript
程序员必知:vue项目创建和启动、ElementUI的安装和快速学习
程序员必知:vue项目创建和启动、ElementUI的安装和快速学习
|
1天前
|
JavaScript
vue基础概念(1)
vue基础概念(1)
6 0
|
1天前
|
JavaScript API 网络架构
Vue3路由机制router(2)
Vue3路由机制router(2)
7 0
|
1天前
|
安全 定位技术 数据安全/隐私保护
Vue3路由机制router(1)
Vue3路由机制router(1)
4 0
|
1天前
|
JavaScript
vue父子组件传值,父组件内容更新子组件内容不实时更新
vue父子组件传值,父组件内容更新子组件内容不实时更新
5 0
|
1天前
|
前端开发 JavaScript
vue+el-select下拉多选实现,全选,反选,清空功能源码
vue+el-select下拉多选实现,全选,反选,清空功能源码
4 0
|
1天前
|
JavaScript
vue知识点
vue知识点
14 6
|
2天前
|
JavaScript
Vue全局注册与局部注册异同点
Vue全局注册与局部注册异同点
12 6
|
2天前
|
JavaScript
Vue的小知识点
Vue的小知识点
8 2