消息的订阅与发布

一种组件间通信的方式,适用于任意组件间通信。

使用步骤

1.安装pubsub:npm i pubsub-js

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

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

1
2
3
4
5
6
7
8
methods:{
demo(data){
.....
}
},
mounted(){
this.pid=pubsub.subscribe('xxx',this.demo)//订阅消息
}

4.提供数据:pubsub.publish(‘xxx’,数据)

5.最好在beforeDestroy钩子中,用PubSub.unsubscribe(pid)去取消订阅。