App.vue作为b.vue的父组件引用子组件

<template>
    <div>
      <p>这是没有带name属性的slot</p>
      <p name="my-slot">这是带有name属性的slot</p>
    </div>
</template>
<script>
  import abc from "./b.vue";
  export default {
    data(){
      return {}
    },
    components:{
      abc
    }
  }
</script>
<style scoped>
</style>

b.vue中的写法

<template lang="html">
  <div>
    <slot></slot>
    <slot name="my-slot"></slot>
  </div>
</template>
<script>
export default {
}
</script>
<style lang="css" scoped>
</style>