消息订阅与发布(pubsub)

275 阅读1分钟

1.它是一种组件间通信的方式,适用于任意组件间通信

2.使用步骤:

(a).安装pubsub:npm i pubsub-js

(b).引入:import pubsub from 'pubsub-js'

(c).接受数据:A组件想接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身。

methods(){
    demo(data){.........}
}
.....
mounted(){
    this.pid = pubsub.subscribe('xxx',this.demo) //订阅消息
}

(d).提供数据:pubsub.publish('xxx',数据)

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