[JavaScript知识库]vue 插槽的使用

父组件

=> 向定义好的子组件中插入内容
<template lang="pug">
   .slot-box
     Slot
      //  插槽名， 要插入的内容
      template(slot="aSlot") 加油，明天会更好
</template>

<script>
  import Slot from "./slot-com/slot-com.vue"
  export default {
    components: {
     Slot,
    }
  }
</script>

子组件

<template lang="pug">
  .box
    ul
      li hello word
      li 你好世界
      li 你是最棒的
      // 插槽名
      slot(name="aSlot")
</template>