vue3 插槽 父传子、子传父

//子组件

<template>
  <div>
    <div ref="chart" style="width: 600px; height: 400px"></div>
    <button @click="parents">点击</button>
    <!-- 插槽 -->
      <slot name="child">子组件插槽</slot>
      <!-- 插槽中 子传父 -->
      <slot :data="{text:'999'}"></slot>
  </div>
</template>



//父组件

 <template #child>
        <p>111223</p>
      </template>
      <template #default="{data}">
        <div>{{ data.text }}</div>
      </template>