在 vue 组件通信中，同一方法内多次调用 `$emit` 会全部执行并触发对应事件监听器，带来可避免的开销；而传递完整事件对象（如 `event`）相比仅传 `event.target.value` 的性能差异极小，推荐优先保证接口一致性与可维护性。
在构建可复用的自定义表单组件（如 ）时，如何设计 $emit 策略，是影响组件健壮性、可维护性乃至长期性能的关键细节。核心原则是：语义清晰 > 过度优化，接口一致 > 零散发射。
✅ 多次 $emit 一定会全部执行，且有真实开销
$emit 不是控制流语句（如 return），而是同步的事件分发操作。以下代码中两个 $emit 必然依次执行，无论父组件是否监听了 ‘changeInputValue’：
methods: {
changeInput(event) {
this.$emit('changeInput', event); // ✅ 触发（若父组件监听）
this.$emit('changeInputValue', event.target.value); // ✅ 也触发（即使无人监听）
}
}
⚠️ 注意：即使父组件只写了 ，未声明 @changeInputValue，Vue 内部仍会遍历事件监听器列表、执行匹配逻辑（O(n) 查找）、并完成事件派发流程——这会产生微小但可累积的 CPU 和内存开销。当组件实例数达数百或频繁触发时（如输入防抖失效），这种“冗余发射”可能成为性能隐患。
✅ 传整个 event 对象几乎无性能负担
有人担心 this.$emit(‘changeInput’, event) 比 this.$emit(‘changeInputValue’, event.target.value) 更“重”。事实是：
