如何从父组件设置自定义子组件中的事件类型？

<template>
  <div>
    <custom-component :customEvent="handleCustomEvent"></custom-component>
  </div>
</template>

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

export default {
  components: {
    CustomComponent
  },
  methods: {
    handleCustomEvent(data) {
      // 处理特定事件的逻辑
      console.log('Received data:', data);
    }
  }
}
</script>

<template>
  <div>
    <button @click="triggerCustomEvent">触发自定义事件</button>
  </div>
</template>

<script>
export default {
  props: ['customEvent'],
  methods: {
    triggerCustomEvent() {
      // 触发自定义事件，并传递参数
      this.customEvent('Custom data');
    }
  }
}
</script>