vue2具名插槽

<template>
  <div id="root">
    <Son>
      <template slot="header">我是具名插槽 header </template>
      <template slot="main">我是具名插槽 main </template>
      <template slot="footer">我是具名插槽 footer </template>
    </Son>
  </div>
</template>
export default {
  components: {
    Son,
  },
}

父组件

子组件

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