vue3插槽使用

#slotName 插槽缩写

#slotName=“{text, count}” 插槽带参数，text，count为子组件传向父组件值

#[slotName] 动态插槽名

<template>
  <img alt="Vue logo" src="./assets/logo.png" />
  <child>
    <template #header="{ text, count }">
      <div>{{ text }}---{{ count }}</div>
    </template>
  </child>
</template>


<template>
  <div class="child-box">
    <p>我是子组件</p>
    <slot name="header" text="子组件" :count="1"></slot>
  </div>
</template>