子路由

如,我们在关于页面里面有关于电影,关于书籍等页面,那么我们就可以在关于这个路由中创建两个子路由
写法就是在关于路由中里面写children:[{}]

 {
    path: '/about',
    name: 'about',
    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue'),

    //子路由 不带斜杠
    children:[
      {
      path: 'book',
      name: 'AboutBook',
      component: ()=>import('../views/AboutBook.vue')
      },
      {
        path: 'movie',
        name: 'AboutMovie',
        component: ()=>import('../views/AboutMovie.vue')
        }
              ]
  },

111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111