Vue2中怎么实现Vue1中的广播事件

Question

Vue2中怎么实现Vue1中的广播事件

Answer 1

在Vue中为DOM元素绑定事件的具体方法在文章中的 方法与事件处理器 章节，通过v-on指令或事件语法糖 @ 为DOM元素绑定事件。Vue解析组件模板后，在绑定更新 v-on 指令时会为DOM元素绑定事件(当然如果元素为 iframe ，会等到 iframe 加载完成后再为其绑定事件)。Vue中为DOM元素绑定事件是采用DOM2级事件的处理方式，因为Vue服务的是IE9以上的现代浏览器，他们也都是支持DOM2级事件。因此下例中<div @click="func"></div>实际上相当于el.addEventListener('click', func)所以 addEventListener 支持绑定的事件， v-on 指令也都支持。同样的理论上也可以解绑事件，虽然也有相应的 api ，但是Vue文档中并没有显示地告诉我们怎么做。在代码中可以看到，每个 v-on 指令都有一个reset 方法， reset 方法是当指令所绑定方法发生改变时，重新绑定事件之前的解绑操作，我们可以利用这个 api 来解绑事件。因此如果需要解绑事件，我们可以遍历 vm._directives 找到相应该指令，进行解绑。