理解<router-view/>容器

  const routes = [
  {
    path: '/',
    name: '导航一',
    component: Main,
    children: [
      {
        path: '/pageOne',
        name: '选项一',
        component: PageOne
      },
      {
        path: '/pageTwo',
        name: '选项二',
        component: PageTwo
      }
    ]
  }

Main.vue 中的代码在 App.vue 中定义的 <router-view/> 中渲染！！

pageOne.vue，pageTwo.vue 的代码在 Main.vue 中定义的 <router-view/> 中渲染！！

如果还有子路由，那么子路由中的代码会在父路由中的 <router-view/> 中渲染！！