Vue3插槽的使用

插槽

组件的灵活性很大一部分都来源于插槽，这大大提升了组件的扩展性。

在React里，可以直接加入一个jsx片段就是一个插槽。

1
2
3
4
5
6
    <div class="default-slot">
      <h3>默认插槽内容:</h3>
      <slot>
        <p>这是默认插槽的后备内容</p>
      </slot>
    </div>

1
2
3
<child>
  在这里
</child>