slot插槽

具名插槽只能是template模板标签

插槽组件

<section class="hello">
  <slot>Welcome</slot>
  <slot name="content"></slot>
</section>

调用组件

<Hello>
  123
  <template v-slot:content>1234</template>
</Hello>

获取插槽内的值 或者 插槽内容由插槽决定

插槽组件

<slot name="footer" foo="for" :bar="number"></slot>

调用组件

slotProps自定义名称

<template v-slot:footer="slotProps">
  {{slotProps.foo + '-' + slotProps.bar}}
</template>