vue中router-view实现切换组件

项目中，要实现一个组件内切换多个组件的显示，就会用到router-view来实现点击切换组件显示的效果。

1. 配置子路由
   在父路由下创建children这个配置项（数组）在子路由中的components中需要添加一个标识后再去指定所在位置

const routechild1 = {
    path: '/Home',
    name: 'Home',
    component: () => import( /* webpackChunkName: "Home" */ "../views/Home.vue"),
    children: [
        {
            path: '/Administrator',
            name: 'Administrator',
            components: {
                table: () => import( /* webpackChunkName: "Administrator" */ "../views/Administrator.vue"),
            }
        }
    ]
}

2. 在父页面中直接展示，这里的name就是刚才路由配置中添加的标识

<router-view name="table"></router-view>

3. 直接配置点击切换的子路由页面，配置完成后就会在父页面内切换组件页面