在实际项目中我们会碰到多层嵌套的组件组合而成,但是我们如何实现嵌套路由呢?
其实很简单,只需要我们在 VueRouter 的参数中使用 children 配置,这样就可以很好的实现路由嵌套。
下面为示例代码: index.html,只有一个路由出口
<div id="app">
<!-- router-view 路由出口, 路由匹配到的组件将渲染在这里 -->
<router-view></router-view>
在实际项目中我们会碰到多层嵌套的组件组合而成,但是我们如何实现嵌套路由呢?
其实很简单,只需要我们在 VueRouter 的参数中使用 children 配置,这样就可以很好的实现路由嵌套。
<div id="app">
<!-- router-view 路由出口, 路由匹配到的组件将渲染在这里 -->
<router-view></router-view>