vue3 自定义事件

Vue 3 中的自定义事件，也称为组件间的通信或 prop 的替代方案，是一种更为灵活的方式，用于在父子、兄弟或任意组件间传递数据和触发行为。在 Vue 3 中，主要使用了 `@` 和 `emit` 关键字来实现自定义事件。

1. **发布（Emitting Events）**: 当一个组件需要通知其他组件更新或执行某个操作时，可以使用 `this.emit(eventName, data)` 来触发一个自定义事件。`eventName` 是你定义的事件名称，`data` 是要传递的数据。

2. **订阅（Listening to Events）**: 在接收事件的组件上，通过 `v-on` 或者 `@event-name` 来监听这个事件，当事件触发时，会执行相应的回调函数。例如：

<parent-component @childEvent="handleChildEvent"></parent-component>

3. ** slots 与自定义事件**：Vue 3 的 `v-slot` 语法也可以配合自定义事件来传递复杂数据，比如从父组件传入动态内容到子组件。

4. **组件解绑事件**: 使用 `off` 方法可以解绑已注册的事件监听器，防止内存泄漏。

相关问题--
1. Vue 3 中如何在子组件中触发一个自定义事件？
2. 如何在父组件中监听并处理子组件的自定义事件？
3. Vue 3 的自定义事件和 prop 有何异同？