// DOM 的事件绑定就是一个非常典型的 发布-订阅者模式
  document.querySelector('#btn').addEventListener('click',function () {
      alert('You click this btn');
  },false)

vue 数据的双向绑定 #

利用 Object.defineProperty() 对数据进行劫持，设置一个监听器 Observer，用来监听所有属性，如果属性上发上变化了，就需要告诉订阅者 Watcher 去更新数据，最后指令解析器 Compile 解析对应的指令，进而会执行对应的更新函数，从而更新视图，实现了双向绑定~

Vue 中我们通过 props 完成父组件向子组件传递数据，子组件与父组件通信我们通过自定义事件即 $on,$emit 来实现，其实也就是通过 $emit 来发布消息，并对订阅者 $on 做统一处理 ~