Vue3 默认插槽有默认内容时和具名插槽一起生效

问题：

vueTest.vue

<template>
    <div>
        <slot>
            <p>如果创建的组件没有内容，我们可以在slot中包含后备内容</p>
        </slot>
    </div>
    <div>
        <slot name="topSlot"></slot>
    </div>
    <div>
        <slot name="bottomSlot"></slot>
    </div>
</template>

 App.vue

  <vue-test1>
    <p>Helloe World!</p>
  </vue-test1>
  <vue-test1>
    <template v-slot:topSlot>
      <p>topSlot</p>
    </template>
  </vue-test1>
  <vue-test1>
    <template #bottomSlot> <!--v-slot: 简写#-->
      <p>bottomSlot</p>
    </template>
  </vue-test1>

解决：

<template>
    <div>
        <slot></slot>
    </div>
    <div>
        <slot name="topSlot"></slot>
    </div>
    <div>
        <slot name="bottomSlot"></slot>
    </div>
</template>

默认插槽和具名插槽同时使用 不要在默认插槽添加默认内容