Vue 事件机制是怎么实现的

Question

刚刚看了react的事件机制是通过事件委托实现的：事件全部绑定在document节点，事件实际出发通过react的合成事件触发的。对Vue的事件有点不明白，不懂Vue的事件绑定在什么地方，与react实现有什么区别？它也是通过类似的方式实现的，还是与原生没有区别，就是绑定在DOM上？

Answer 1

参看链接 Vue.js 技术揭秘

Vue 支持 2 种事件类型，原生 DOM 事件和自定义事件。

1.原生 DOM 事件：

普通 DOM 元素和在组件上挂了.native 修饰符的事件。 最终调用的还是原生的 addEventListener() 方法 ( 源码：target.addEventListener())。

2.自定义事件：

只有组件节点才可以添加自定义事件,组件上的自定义事件会调用 Vue 原型上的$on,$emit 方法，实现父子组件通信。