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)

}