vue3子组件暴露方法给父组件

在 Vue 3 中，子组件可以通过 `emits` 属性来暴露方法给父组件。

首先，在子组件中，你需要在 `emits` 属性中列出你要暴露给父组件的方法。例如，如果你想要暴露一个名为 `submit` 的方法，你可以这样定义：

emits: ['submit'],
methods: {
  // 子组件中的方法
  handleSubmit() {
    // 执行一些操作
    this.$emit('submit'); // 调用 $emit 方法触发 submit 事件
  }
}

然后，在父组件中，你可以通过监听子组件的 `submit` 事件来执行相应的逻辑。例如：

<template>
  <div>
    <ChildComponent @submit="handleChildSubmit" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    // 父组件中的方法
    handleChildSubmit() {
      // 执行一些操作
    }
  }
};
</script>

这样，当子组件中的 `handleSubmit` 方法被调用时，父组件中的 `handleChildSubmit` 方法就会被触发。

希望这个回答能够帮助到你！如果还有其他问题，请随时提问。