消息订阅与发布

1.一种组件之间通信的方式,可以适用于任何组件之间通信

2.使用步骤:

1.安装pubsub: npm i pubsub-js

2.引入: import pubsub from 'pubsub-js'

3.接收数据:A组件想要接收数据,就得现在A组件订阅一个消息,订阅消息的事件留在A组件自身

//  A组件
methods:{
    demo(msgName,data) {
        ... ... 
    }
}
​
mounted() {
  this.pid = pubsub.subscribe('消息名',callBack)   //订阅消息
}

// B組件
pubsub.publish('消息名',数据)

推荐:最好在beforeDestroy钩子中,用pubsub.unsubscribe(this.pid)去取消订阅

标签：订阅,pid,发布,消息,组件,接收数据,pubsub
来源： https://www.cnblogs.com/renag/p/15706604.html