如何在Vue中获得带有渲染功能的插槽道具？

<template>
  <div>
    <slot name="header"></slot>
    <slot></slot>
    <slot name="footer"></slot>
  </div>
</template>

<template>
  <div>
    <slot name="header">默认的头部内容</slot>
    <div>默认的中间内容</div>
    <slot name="footer">默认的底部内容</slot>
  </div>
</template>

<template>
  <div>
    <my-component>
      <template v-slot:header>
        <h1>自定义的头部内容</h1>
      </template>
      <p>自定义的中间内容</p>
      <template v-slot:footer>
        <h3>自定义的底部内容</h3>
      </template>
    </my-component>
  </div>
</template>

<div>
  <h1>自定义的头部内容</h1>
  <div>自定义的中间内容</div>
  <h3>自定义的底部内容</h3>
</div>