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

Question

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

其中 Component 是指的什么？（我知道是一个 动态变量，是路由配置中的 name 属性吗？）

源码

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

Answer 1

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