嵌套路由 v1.3.5+
目前版本仅支持H5端的完全使用vue-router开发模式
借助 ,使用嵌套路由配置,就可以很简单地表达这种关系。
这里的 <router-view>
是最顶层的出口,渲染最高级路由匹配到的组件。uni-app
已经帮我们做啦。所以无需理会。 同样地,一个被渲染组件同样可以包含自己的嵌套 。例如,在 children1 组件的模板添加一个 <router-view>
:
要注意,以 / 开头的嵌套路径会被当作根路径。 这让你充分的使用嵌套组件而无须设置嵌套的路径。你会发现, 配置就是像 routes
配置一样的路由配置数组,所以呢,你可以嵌套多层路由。此时,基于上面的配置,当你访问 /route1/children2
的出口是不会渲染任何东西,这是因为没有匹配到合适的子路由。如果你想要渲染点什么,可以提供一个 空的 子路由: