【Vue2】事件总线（eventbus）中多次触发事件的解决方法，解绑事件总线里的方法

今天在使用事件总线进行组间通信的时候，在子组件mounted钩子内打印了this查看指向

每个组件都有自己的_uid，_uid: 80，没问题。

 

 

 但是当我来回切换一次页面（组件肯定伴随着不停的销毁创建），第二和第三行为本次的打印，发现同时打印出了两次，且由_uid可知为两个不同组件（准确来说是同一个组件的两次创建）

 

 

 随即我再一次切换了页面，第四、五、六行为本次打印，同时出现了三次。

 

 

思考：本质上是mounted钩子里的事件未解绑，导致不停调用已经死亡的组件的事件（这里描述不知道是否准确）。很明显我们只需要对最新的页面（最后一次出现的_uid）触发事件即可。是由于我们没有解绑事件，肯定是对性能有影响的。

解决办法：只要在beforeDestroy钩子里解绑事件

尤大的答复，事件总线上$emit和$on的事件需要在beforeDestory或者destory钩子里销毁它。如果重复工作了，可以在mixin里自动完成它。

 

 

 

 vm.$off解绑后再次测试（在vm.$emit的那个组件解绑），我分别切换了三次页面并每次触发点击事件，每次都只显示最新的页面（最大的_uid）触发了事件。