在 Vue.js 中，可以使用 v-slot 指令将子组件的插槽内容传递给父组件。以下是一个简单的示例：

1. 创建一个名为 ChildComponent.vue 的子组件：

<template>
  <div>
    <slot name="header"></slot>
    <p>这是子组件的内容。</p>
    <slot name="footer"></slot>
  </div>
</template>

2. 在父组件中使用 ChildComponent,并通过 v-slot 将插槽内容传递给父组件：

<template>
  <div>
    <h1>这是爷组件的内容</h1>
    <ChildComponent>
      <template v-slot:header>
        <h2>这是子组件的头部</h2>
      </template>
      <template v-slot:footer>
        <h2>这是子组件的底部</h2>
      </template>
    </ChildComponent>
  </div>
</template>

在这个示例中，子组件通过 v-slot 分别定义了名为 header 和 footer 的插槽，父组件则通过 <template v-slot:header> 和 <template v-slot:footer> 将插槽内容插入到相应的位置。