路由嵌套(子路由)

路由嵌套(子路由)

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

eg:
路由嵌套(子路由)

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

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