插糟,使用

A了LONE

已于 2022-09-19 20:06:12 修改

阅读量55

点赞数

文章标签： html javascript 前端 css vue

于 2022-09-18 18:38:59 首次发布

本文链接：https://blog.csdn.net/qq_53701739/article/details/126919726

版权

通常使用方式（vue3）

父组件

<template>
  <h3>父组件</h3>

  <Child>

    <template v-slot:aa>
      <p>今天</p>        
    </template>

    <template #bb>
      <p>明天</p>
    </template>

    <template>
      <p>还在打工</p>
    </template> 
   
  </Child>

</template>

子组件

<template>
  <h3>儿子组件</h3>

  <!-- 接收父组件，标签上有aa属性-->
  <slot name="aa"></slot> 

  <!-- 接收父组件，标签上有bb属性-->
  <slot name="bb"></slot>

  <!-- 接收父组件，标签上，啥都没有属性-->
  <slot></slot>
  
</template>

图解