主要为大家详细介绍了vue路由嵌套的SPA实现步骤，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文为大家分享了路由嵌套的SPA实现的步骤： A（/a）组件需要嵌套B组件(/b)和C组件(/c) ①准备嵌套其它组价的父组件 指定一个容器 在A组件指定一个容器 ②在A组件的路由配置对象中指定children属性 { path:’/a’, component:A, children:[ {path:’/b’,component:B}, {path:’/c’,component:C}, ] } 补充： //数字如果超出记录的次数，是不行的。 this.$router.go(num);

随着Vue单页应用(SPA)变得复杂 需要使用路由嵌套 路由嵌套允许更复杂的用户界面以及相互嵌套的组件 如果对Vue的路由不太熟悉 请参看我的另一篇博客：Vue学习之旅Part9：使用vue-router实现前端路由和参数传递 路由嵌套 即路由的组件内部还有子组件 适用于很多业务场景 实现路由嵌套的步骤比较简单 首先 在路由对象里定义子路由： 子路由的path命名需注意：子路由的path路径前面不能加斜杠 子路由的path前面会自动拼上父路由的path // 定义组件模板对象