vue3 defineEmits 作用是什么

`defineEmits` 是 Vue 3 中的一个重要特性，它用于组件之间通信的约定和管理。在传统的 Vue.js 中，组件间的通信通常通过 props 和事件 (methods) 进行。然而，`defineEmits` 是 Vue 3 Composition API 提供的一种更精细化的方式来管理组件间的自定义事件发射和监听。

`defineEmits` 函数接受一个映射对象，这个对象的键表示组件暴露出去的事件名，值是一个数组，包含了接收这个事件的参数列表。这样做的好处有：

1. **明确的类型检查**：在编译阶段，Vue 会对传入的事件参数进行类型校验，防止意外的数据传递错误。
2. **更强的可读性和文档性**：通过 `defineEmits` 定义的事件，可以清楚地看到哪些事件以及它们期望的参数类型，有助于其他开发者理解和复用组件。
3. **更好的可维护性**：当组件间交互发生改变时，只需要修改 `defineEmits` 的配置，而无需搜索整个应用寻找并更新事件处理程序。

使用示例：

import { defineComponent, defineEmits } from 'vue';

export default defineComponent({
  emits: ['myEvent', 'anotherEvent'], // 映射了两个事件

  methods: {
    fireEvent() {
      this.$emit('myEvent', 'Hello from child'); // 触发事件并传入参数
      this.$emit('anotherEvent', { key: 'value' }); // 又触发另一个事件
    }
  }
});