如何访问另一个子组件中的插槽内容

<template>
  <div>
    <child-component>
      <template v-slot:default="slotProps">
        {{ slotProps.slotContent }}
      </template>
    </child-component>
  </div>
</template>

<template>
  <div>
    <slot></slot>
  </div>
</template>

<template>
  <div>
    <child-component>
      <template v-slot:default="slotProps">
        {{ slotProps.slotContent }}
        {{ slotProps.slotData }}
      </template>
    </child-component>
  </div>
</template>

<template>
  <div>
    <slot :slotContent="content" :slotData="data"></slot>
  </div>
</template>

<script>
export default {
  data() {
    return {
      content: "Hello, World!",
      data: "Some data"
    };
  }
};
</script>