消息订阅与发布pubsub:实现任意组件间通信
使用步骤:
① 安装pubsub-js:npm i pubsub-js
② 引入:import pubsub from 'pubsub-js'
③ 订阅消息:使用pubsub自带的subscribe方法
methods: {
// subscribe的回调函数参数默认为消息名和数据! demo(msgName,data) { ... } } mounted() { this.pubId = pubsub.subscribe("消息名", this.demo) },
④ 提供数据: pubsub.publish('消息名',数据)
⑤ 最好在beforeDestroy中进行消息订阅的取消:利用消息订阅时产生的pubId进行取消!pubsub.unsubscribe(this.pubId)
标签:订阅,前端,pubId,js,subscribe,消息,Vue2,Day56,pubsub From: https://www.cnblogs.com/LWHCoding/p/16815532.html