Vue看不到从单独组件传递的函数

// ParentComponent.vue
<template>
  <div>
    <ChildComponent @custom-event="handleFunction" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    handleFunction(func) {
      // 在这里可以使用传递的函数
      func();
    }
  }
}
</script>

// ChildComponent.vue
<template>
  <div>
    <button @click="triggerEvent">触发事件</button>
  </div>
</template>

<script>
export default {
  methods: {
    triggerEvent() {
      // 触发自定义事件，并将函数作为参数传递给父组件
      this.$emit('custom-event', this.myFunction);
    },
    myFunction() {
      // 子组件中的函数逻辑
      console.log('从子组件传递的函数');
    }
  }
}
</script>