Vue3子组件触发父组件的方法

Vue3中，子组件可以通过 `$emit` 方法触发父组件的方法。具体步骤如下：

1. 在子组件中，使用 `$emit` 方法触发一个自定义事件，并传递需要传递给父组件的数据。例如，子组件模板中的按钮点击事件可以这样写：

<template>
  <button @click="triggerParentMethod">Click me</button>
</template>

<script>
export default {
  methods: {
    triggerParentMethod() {
      this.$emit('custom-event', data);
    }
  }
}
</script>

2. 在父组件中，使用 `v-on` 或 `@` 指令监听子组件触发的自定义事件，并在对应的方法中处理接收到的数据。例如：

<template>
  <child-component @custom-event="handleCustomEvent"></child-component>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    handleCustomEvent(data) {
      // 处理接收到的数据
    }
  }
}
</script>

通过以上步骤，子组件就可以触发父组件中的方法，并且传递数据给父组件。