vue3 里面 router-view 结合 keep-live的使用 中 v-slot是为什么?

vue3 里面 router-view 结合 keep-live的使用 中 v-slot是为什么?

其中 Component 是指的什么?(我知道是一个 动态变量,是路由配置中的 name 属性吗?)

img

源码

# 包裹路由(3.0的写法有变更)key需要绑定到component中
<router-view v-slot="{ Component }">
    <keep-alive>
      <component :is="Component"/>
    keep-alive>
router-view>

img


跟vue2里面一样的,像这个图里面,图中结果渲染出来的就是Foo这个组件,这个component标签的is值为哪个组件名,最终渲染出来的就是哪个组件