vue3中父组件调用子组件的方法，子组件使用defineExpose，父组件显示undefind

在Vue 3中，父组件想要调用子组件暴露的定义方法，通常通过`ref`或`setup`选项中的`onInvalidate`钩子来实现。如果子组件使用了`defineExpose`来自定义暴露给父组件的方法，但父组件显示为`undefined`，可能是以下几个原因：

1. **方法未暴露**：确保你在子组件中使用`defineExpose`正确地定义了要暴露的方法。例如：

// 子组件（Child.vue）
export default {
  setup() {
    const myMethod = () => {
      // ...
    };
    defineExpose({ myMethod });
    return { myMethod };
  },
};

2. **父子组件通信方式**：`defineExpose`主要适用于自定义插槽或者通过`ref`传递数据的情况。如果是简单的方法调用，可能更适合使用`methods`属性：

// 父组件（Parent.vue）
<template>
  <Child @myMethod="handleMyMethod" />
</template>

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

export default {
  components: {
    Child,
  },
  methods: {
    handleMyMethod(value) {
      console.log(value); // 如果这里显示undefined，检查 handleMyMethod 是否被调用
    },
  },
};
</script>

3. **生命周期钩子问题**：如果在`setup`中定义了`defineExpose`，确保在`onMounted`或其他恰当的生命周期钩子内调用，确保方法被暴露出来。