将插槽传递给子组件

在某些情况下，我们想将父组件的所有插槽传递给子组件。当创建一个为子组件添加一些功能的包装组件时，这尤其有用。

假设我们有一个 Child.vue 组件，它有两个命名插槽， top 和 bottom ：

<template><div><h2>Child</h2><slot name="top" /><slot name="bottom" /></div>
</template>

Child.vue 被 Parent.vue 组件包裹，该组件应将所有插槽传递给其子组件。首先，我们看看如何在 App.vue 组件中填充命名插槽：