兄弟组件通信,关于销毁$bus.$on事件

this.$bus.$on 向容器添加了一个事件监听,当页面跳转时,原来的组件没有注销。事件监听不会被移除,再次进入该组件后 又会向bus容器添加重复的事件监听器。未防止内存溢出,需要在组件销毁后同步销毁$bus.$on事件。
兄弟组件之间通信:
// 组件A
​
methods:{
    test(value){
        this.$bus.$emit('queryProjectInfo',value);
    },
}
​
// 组件B
​
mounted(){
    this.$bus.$on('queryProjectInfo',this.queryProjectInfo);
},
当只关闭页面1,不销毁$bus.$on事件时:

当关闭页面1,同时销毁$bus.$on事件
 beforeDestroy(){
    console.log("组件A被销毁】】】】】");
    this.$bus.$off('queryProjectInfo');
  },

参考文档:vue中eventbus被多次触发 - 知乎

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值