【Vue2】事件总线(eventbus)中多次触发事件的解决方法,解绑事件总线里的方法
作者:互联网
今天在使用事件总线进行组间通信的时候,在子组件mounted钩子内打印了this查看指向
每个组件都有自己的_uid,_uid: 80,没问题。
但是当我来回切换一次页面(组件肯定伴随着不停的销毁创建),第二和第三行为本次的打印,发现同时打印出了两次,且由_uid可知为两个不同组件(准确来说是同一个组件的两次创建)
随即我再一次切换了页面,第四、五、六行为本次打印,同时出现了三次。
思考:本质上是mounted钩子里的事件未解绑,导致不停调用已经死亡的组件的事件(这里描述不知道是否准确)。很明显我们只需要对最新的页面(最后一次出现的_uid)触发事件即可。是由于我们没有解绑事件,肯定是对性能有影响的。
解决办法:只要在beforeDestroy钩子里解绑事件
尤大的答复,事件总线上$emit和$on的事件需要在beforeDestory或者destory钩子里销毁它。如果重复工作了,可以在mixin里自动完成它。
vm.$off解绑后再次测试(在vm.$emit的那个组件解绑),我分别切换了三次页面并每次触发点击事件,每次都只显示最新的页面(最大的_uid)触发了事件。
标签:uid,总线,事件,Vue2,组件,解绑,页面 来源: https://www.cnblogs.com/wanglei1900/p/16026494.html