vue项目开发中什么情况下可以用到slot

vue项目开发中什么情况下可以用到slot，下面web建站小编给大家详细介绍一下具体运用方法！

slot一般会在布局组件、表格列、下拉选、弹框显示内容等情况下用到。

默认插槽

<template>
  <slot>
    <p>插槽后备的内容</p>
  </slot>
</template>

具名插槽

<child>
  <template v-slot:default>具名插槽</template>
  <!-- 具名插槽⽤插槽名做参数 -->
  <template v-slot:content>内容...</template>
</child>

作用域插槽

<child> 
  <template v-slot:default="slotProps">
    组件数据：{{slotProps.testProps}}
  </template>
  <template #default="slotProps">
    组件数据：{{slotProps.testProps}}
  </template>
</child>