关于vue-bus的理解

自己之前也查看vue-bus插件里的源码封装,其实基于vue的实例,实现全局可以调用 o n , on, ononce,$ off,$emit,其实自己也可以手动封装,但是感觉这个插件也不大,所以为了效率直接下载进项目里面。
下面介绍它的几个主要用法:
全局定义的事件是不会跟随组件的生命周期函数进行状态改变的。切换路由时,如果不手动清除事件的话,它会注册多次。

  created() {
   //手动清除事件
        this.bus.$off('clickBus');//在每次创建事件之前,手动清除定义的事件(根据实际的业务需求也可以在beforeDestroy()和destroyed())
    },
  mounted(){
        this.bus.$on('clickBus', (e) => {});
    }
 //或者可以在beforeDestory的写
 beforeDestroy () {
    bus.$off('get', this.myhandle)
  },

其实之前的我们用this. o n , t h i s . on,this. onthis.emit是我们子组件传给父组件的一种方式,只不过vue-bus将它拓展为全局而已。

参考的链接:
https://my.oschina.net/u/3547207/blog/1840760
https://www.cnblogs.com/chenhuichao/p/10122264.html

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值