vue3 definecomponent中emit使用

在Vue3中，`defineComponent`是创建自定义组件的基础结构，它允许你在组件内部通过`emit`函数触发自定义事件。`emit`主要用于父组件向子组件传递数据或通知状态变化。

当你需要从子组件向上层父级发送消息时，可以在子组件的方法中调用`this.emit(eventName, eventData)`。这里的`eventName`是你预先定义的事件名称，而`eventData`是你想传递的数据，可以是简单值、复杂对象等。

例如：

methods: {
  submitForm() {
    this.$emit('form-submitted', { name: 'John Doe', age: 30 });
  }
}

在父组件中，你可以像监听普通DOM事件一样接收这个自定义事件：

<template>
  <ChildComponent @form-submitted="handleFormData"></ChildComponent>
</template>

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

export default {
  components: {
    ChildComponent,
  },
  methods: {
    handleFormData(data) {
      console.log('Received data:', data);
      // 对接收到的数据做进一步处理...
    },
  },
};
</script>