vue-slot

父组件

<template>
  <div>
    我是父组件
    <child>
      <p>我是默认插槽</p>
      <template slot="header">
          <p>我是name为header的插槽</p>
      </template>
      <p slot="footer">我是name为footer的插槽</p>
    </child>
  </div>
</template>

子组件

<template>
  <div class="child">
    <div>slottwo</div>
    <slot name="header"></slot>
    <slot></slot>
    <slot name="footer"></slot>
  </div>
</template>