[JavaScript知识库]Vue———嵌套路由

实际生活中的应用界面，通常由多层嵌套的组件组合而成。同样地，URL 中各段动态路径也按某种结构对应嵌套的各层组件。最外层<router-view> 是最顶层的出口，渲染最高级路由匹配到的组件。同样地，一个被渲染组件同样可以包含自己的嵌套 <router-view>。要在嵌套的出口中渲染组件，需要在 VueRouter 的参数中使用 children 配置：

 // 2.定义路由
    let router = new VueRouter({
      routes: [
        { path: '/user', component: com1 },
        {
          path: '/student',
          component: com2,
          children: [
            { path: 'grade', component: comGrade },
            { path: 'register', component: comRegister },
          ]
        },
        { path: '/clazz', component: com3 }
      ]
    })