做网站年入百万,微信小程序开发常见问题,爱站网seo工具包,中国卫生网一、场景描述
我们学习了全局事件总线#xff0c;通过自定义事件的方式来进行组件间通信。 现在#xff0c;再学习一个第三方库pubsub-js#xff0c;消息订阅与发布的方式来实现组件间通信。
二、使用pubsub-js
1、安装
npm i pubsub-js2、组件里引入
import pubsub fr…一、场景描述
我们学习了全局事件总线通过自定义事件的方式来进行组件间通信。 现在再学习一个第三方库pubsub-js消息订阅与发布的方式来实现组件间通信。
二、使用pubsub-js
1、安装
npm i pubsub-js2、组件里引入
import pubsub from pubsub-js3、接收数据的组件
接收数据的组件订阅消息并配置回调函数组件销毁前取消订阅。 methods(){demo(msgName,data){......}}......mounted() {this.pubId pubsub.subscribe(xxx,this.demo) //订阅消息}......beforeDestroy(){pubsub.unsubscribe(this.pubId);}4、提供数据的组件
pubsub.publish(xxx,数据)三、总结
pubsub-js与全局事件总线的类比 提供数据的组件发布消息(调用publish) 等价于 提供数据的组件调用$emit 接收数据的组件订阅消息(调用subscribe) 等价于 接收数据的组件绑定自定义事件
依然推荐使用全局事件总线来实现组件间通信
