vue3中如何子组件调用父组件方法

在Vue 3中，子组件可以通过`$emit`方法调用父组件的方法。下面是一个简单的示例：

父组件：

<template>
  <div>
    <h1>父组件</h1>
    <ChildComponent @childMethod="parentMethod" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    parentMethod() {
      console.log('父组件方法被调用');
    }
  }
}
</script>

子组件：

<template>
  <div>
    <h2>子组件</h2>
    <button @click="callParentMethod">调用父组件方法</button>
  </div>
</template>

<script>
export default {
  methods: {
    callParentMethod() {
      this.$emit('childMethod');
    }
  }
}
</script>

在上面的示例中，子组件通过`$emit`方法触发了名为`childMethod`的事件，并将其传递给父组件。父组件通过在子组件上使用`@childMethod`监听该事件，并在对应的方法中进行处理。