vue3怎么调用父级函数？

在Vue3中，为了在组件间传递数据并调用父级函数，你可以通过props、事件系统（$emit和$on）、自定义指令或者Vuex状态管理来实现。以下是几种常见的方式：

1. **Props** (属性)：如果父组件希望向子组件传递一个方法供其调用，可以将这个方法作为prop传入。

// 父组件
<template>
  <child-component :parentMethod="callParentFunction" />
</template>

<script>
export default {
  methods: { callParentFunction() { /* ... */ } },
};
</script>

2. **Events** (事件): 子组件可以触发一个自定义事件 `$emit`，并在该事件上监听的父组件回调函数里调用父级方法。

// 子组件
this.$emit('customEvent', { methodToCall: this.parentMethod });

// 父组件
<ChildComponent @customEvent="handleCustomEvent"></ChildComponent>

methods: {
  handleCustomEvent(eventData) {
    eventData.methodToCall();
  }
}

3. **自定义指令** (v-once/v-bind): 可以创建一个自定义指令来实现类似的效果，但这通常用于更复杂的场景。

4. **Vuex** (状态管理库): 如果整个应用的数据需要共享，可以使用Vuex来管理状态，并通过actions来触发方法，然后在父组件中调用对应的mutation或action。

5. **Ref** (响应式引用) 或者 `setup` 函数 (Composition API)：在composition api中，可以使用`ref`获取组件实例，进而访问父组件实例。

无论哪种方法，记住始终要遵循单向数据流原则，保持组件间的通信清晰简单。