vue3.0中子组件调用父组件方法

在 Vue 3.0 中，可以使用 Emit 机制来实现子组件调用父组件的方法。

首先，在父组件中，你需要定义一个方法，并通过 `emits` 属性告诉子组件可以调用的方法。例如：

<template>
  <div>
    <ChildComponent @childMethod="parentMethod" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    parentMethod() {
      // 父组件的方法逻辑
    }
  },
  emits: ['parentMethod']
}
</script>

在上面的代码中，我们在父组件中定义了一个 `parentMethod` 方法，并在 `emits` 中注册了该方法名。

然后，在子组件中，你可以通过 `$emit` 方法触发父组件的方法。例如：

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

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

在子组件中，我们通过 `this.$emit('childMethod')` 触发了父组件中注册的 `parentMethod` 方法。

这样，子组件就可以调用父组件的方法了。注意，方法名要一致，并且通过 `@childMethod="parentMethod"` 的方式在父组件中监听子组件触发的事件。