vue-消息订阅与发布-任意组件通信

(1)订阅外部库

npm i pubsub-js

import oubsub from 'pubsub-js'

(2)

this.pubid = pubsub.subscribe('hello',(msgname,data)=>{

//接收方执行回调,data为接收到的信息

})

//类似于定时器,把消息订阅挂载到this上,不需要时用对应方法清除订阅器名(id)

//发送方发送订阅信息和对应数据

pubsub.publish('hello',data)

//销毁前取消订阅

beforeDestroy() {

   pubsub.unsubscribe(this.pubid)

}

标签：订阅,vue,pubid,js,组件,data,hello,pubsub
来源： https://www.cnblogs.com/zuobolan/p/15745663.html