Vue中消息订阅与发布（pubsub）

消息订阅与发布（pubsub）

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

2. 使用步骤：

   1. 安装pubsub：npm i pubsub-js

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

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

      methods(){
        demo(data){......}
      }
      ......
      mounted() {
        //this.pid = pubsub.subscribe('xxx',this.demo) //订阅消息
        this.pubId = pubsub.subscribe('函数名',(消息名,传入的数据)=>{
        		//这里用箭头函数而不用function，是因为箭头函数指向Vue主体
        		console.log(this)
        })
      }
      

   4. 提供数据：pubsub.publish('xxx',数据)

      Pubsub.publish(StationStatisticsID, data)
      

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