vue pubsub消息的订阅(subscribe)与发布(publish)(适用与所有的框架,需要使用第三方的js库)

本文详细比较了Vue的全局事件总线与消息订阅发布机制,通过实例展示了如何在Vue中使用pubsub-js实现组件间通信,并介绍了组件销毁时的订阅管理。重点讲解了箭头函数在处理this问题上的应用。

要点:

 

 但是对应vue框架来说,全局事件总线要比消息的订阅与发布要好,因为全局事件总线,是靠vue实现的,不需要去安装别的第三方库了、

对比全局事件总线,其实就是把哪个$bus(x)换成了pubsub

 

订阅指的就是需要数据的

发布则为提供数据的

这边这个模型中,假如a需要收到c的一些数据,也就是说,a时需要数据的也就是订阅,而c是发送数据的也就是发布,

当我们定义订阅的时候,写入一个订阅的名字.然后在加上一个函数,当订阅被接受,也就是订阅的内容被发布,就会调用到这边的test函数,

而在发布时,要写入一个订阅的名字,一定要一样,其中还带着参数,,就可以实现,当订阅demo被发布时,会触发test函数,而函数中的参数就是c组件发过来的数据

然儿在原生js中没有消息的订阅和发布所以我们可以用到js第三方库(pubsub-js),引用它就可以在任何一个框架上实现消息的订阅和发布

评论 5
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值