1-4 插槽

一、定义插槽

//Item.vue
<template>
    <div>
              <slot name="header"></slot>
        <button>按钮</button>
    </div>
</template>

二、使用插槽

<item>
      <template v-slot:header>
        <h2>你的名字</h2>
      </template>
</item>
<script>
import Item from '../components/Item'
export default {
  ...
  components:{
    Item
  }
}
</script>