1. Vue2事件处理机制的问题
在Vue2中，事件处理是通过给DOM元素绑定事件监听器实现的。当一个事件被触发时，Vue组件内所有同类型的监听器都会被同时调用。
这种事件处理机制存在一些问题。首先，随着一个组件中的监听器数量增加，性能会下降。其次，监听器按照注册的顺序依次执行，这可能会导致事件处理的顺序与预期不符。最后，由于DOM元素的引用导致了强耦合，使得组件的可复用性变得过于复杂。
2. Vue3的改进
2.1 Composition API的引入
Vue3中引入了新的API，称为Composition API。该API将组件的逻辑划分为逻辑相关的功能块，称为composition函数。
在Composition API中，事件处理被视为composition函数中的一部分。因此，与Vue2相比，Vue3通过避免DOM元素引用的方式，实现了更好的事件处理机制。
2.2 通过事件总线解决DOM元素引用问题
为了解决DOM元素引用问题，Vue3的事件处理机制采用了事件总线的方式。在组件的script部分中声明一个事件总线：
import { reactive } from 'vue'
const emitter = reactive({
events: {}
})
然后，在组件中通过$on()方法注册事件监听器，将每个组件的逻辑相关部分统一到了composition函数中，实现更好的可复用性。
这样，不同组件之间就可以通过事件总线交流，而不是直接绑定DOM元素，从而避免了强耦合的问题。
2.3 更好的性能
Vue3中的事件处理机制还实现了更好的性能。在组件的setup()函数中，可以使用onMounted()，onUpdated()和onUnmounted()钩子函数，只在意料之中的情况下才会引起性能问题。
总结
Vue3相对于Vue2在事件处理机制上进行了很大的改进，通过Composition API和事件总线的使用，避免了DOM元素引用导致的强耦合问题，同时实现了更好的性能和可复用性。
