企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
## 一、概述 嵌套路由就是在一个被路由过来的页面下可以继续使用路由;比如在一个页面中, 在页面的上半部分,有三个按钮,而下半部分是根据点击不同的按钮来显示不同的内容。这个时候,整个页面是一个路由,那么我们就可把这个组件中的下半部分看成是一个嵌套路由(或叫做子路由); ## 二、实例展示 1、新建两个子页面组件 ![](https://img.kancloud.cn/3c/63/3c6385de5cbe0436fd8cbba62605f628_360x244.png) ![](https://img.kancloud.cn/3c/56/3c56dd464e31077c3cdf291f08eb4f2d_339x231.png) 2、这里的`Title1`和`Title2`是作为`test.vue`页面的子路由,所以要写在`children`属性下; ![](https://img.kancloud.cn/57/53/5753781c023a2e32579678f79da1d92b_408x463.png) 3、主页面组件中 ![](https://img.kancloud.cn/bd/dc/bddcc7dafeb89c9894076e77ac838193_513x333.png) 即可完成了;