vue-router 命名视图 想展示多个视图

多视图的展示
知道就可以 可以看懂别人的代码 自己可以不使用

路由配置:
{
    path:"/muchView",
    component:my,
    children:[
      {
        path:'views',
        components:{
          f1:fri1,
          f2:fri2,
          default:dsync
        }
      }
    ]
  }
  my组件：
<template>
    <div class="div1">
        我的朋友
        <router-view name="f1"></router-view>
        <router-view name="f2"></router-view>
        <router-view></router-view>
    </div>
</template>

嵌套了路由 当路径为/muchView/views时 会展示所嵌套的子组件
多视图展示 不同的router-view展示不同的组件
形成多视图展示