如何将数据从插槽作用域设置到组件

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

<script>
export default {
  data() {
    return {
      slotData: '这是插槽数据'
    };
  }
};
</script>

<template>
  <div>
    <slot v-slot="props">
      <p>{{ props.data }}</p>
    </slot>
  </div>
</template>

<template>
  <div>
    <my-component>
      <p slot-scope="props">{{ props.data }}</p>
    </my-component>
  </div>
</template>

<script>
import MyComponent from './MyComponent.vue';

export default {
  components: {
    MyComponent
  }
};
</script>