路由嵌套（子路由）

个人blog，欢迎关注加收藏

路由嵌套（子路由）

路由嵌套在SPA（单页页面程序中会常用到），有一部分内容固定，通过点击跳转决定
另一部分不定的内容，就可以用到路由嵌套来完成，也可以用引入组件的方式完成，
把左边做成一个单独的组件，在其他组件中分别引入“左组件”，以此完成。

eg：

步骤如下：

1. 找到/router/index.js文件，找到左边组件(admin.vue)的路由配置，在其路由中配置一个children数组，用来配置子路由
2. 配置子路由的path
3. 引入子路由组件，配置子路由的component
4. 在父级路由中表明子路由显示的配置
   如下：
   
   

注意：需要默认显示某个子路由组件时，可以用父级路由的redirect属性重定向父级路由的路径!