首页 > Web开发 > 详细

(尚032)Vue_案例_消息订阅与发布(组件订阅与发布(PubSubJS库))

时间:2019-12-18 12:59:50      阅读:249      评论:0      收藏:0      [点我收藏+]

组件订阅与发布(PubSubJS库)

npm info pubsub-js

安装库

npm install --save pubsub -js

===============================================================

1.订阅消息

PubSub.subscribe(‘msg‘,function(msg,data){})

2.发布消息

PubSub.publish(‘msg‘,data)

3.注意

1).优点:此方式可实现任意关系组件间通信(数据)

父辈,子孙,兄弟标签都可以

===================================================================

举例如下:

技术分享图片

 

 

 技术分享图片

 

 

 技术分享图片

 

 

 技术分享图片

 

 技术分享图片

 

 ===================================================================

在哪儿去订阅消息?(订阅消息即接收消息)

绑定事件监听-------------------------------->订阅消息App.vue

触发事件-------------------------------------->发布消息

订阅消息相当于if操作,故操作在mounted(){}

(1).先引入PubSub包

技术分享图片

 

 (2).绑定消息名,回调函数

 

 ==================================================================

发布消息

(1).技术分享图片

 

 技术分享图片

 

 需要触发回调函数的调用

技术分享图片

 

 技术分享图片

 

 技术分享图片

 

 this现在有问题,为什么?

因为现在回调函数室友PubSub管理的,this根本不知道是主键对象;

解决办法;将回调函数改为箭头函数

技术分享图片

(尚032)Vue_案例_消息订阅与发布(组件订阅与发布(PubSubJS库))

原文:https://www.cnblogs.com/curedfisher/p/12058916.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!