有时候想同时 (同级) 展示多个视图,而不是嵌套展示,例如创建⼀个布局,有 sidebar (侧导航) 和 main (主内容) 两个视图,这个时候命名视图就派上用场了。

    1. // component: Home
    2. //注意这个key是components
    3. components: {
    4. default: Home, //默认的名字
    5. main: () => import('@/views/Main.vue'),
    6. sidebar: () => import('@/views/Sidebar.vue')
    7. }
    1. <router-view name="main" />
    2. <router-view name="sidebar" />

    image.png
    image.png