component components 具名视图

components: {
      // 一次可以同时渲染多个页面级组件，命名视图
      default: () => import('../views/Home.vue'),
      abc: () => import('../views/About.vue'),
      fff: () => import('../views/About.vue'),
    },
    
 
 <div style="border: 5px solid blue;">
    <!-- 默认视图 default 匿名视图 -->
    <router-view />
  </div>

  
  <div style="border: 5px solid yellow;">
    <!-- 命名视图 -->
    <router-view name="abc" />
  </div>

  


  <div style="border: 5px solid pink;">
    <!-- 命名视图 -->
    <router-view name="fff" />
  </div>