Vue消息订阅与发布（pubsub）

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

2.使用步骤

①安装pubsub ：npm i pubsub-js

②引入pubsub：import pubsub from 'pubsub-js' (订阅消息和发布消息的组件都需要引入)

③接收数据

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

    methods：{

          //回调函数必须有两个参数

        demo(msgName，data){......}

      }

      ......

      mounted() {

        this.pid = pubsub.subscribe('xxx',this.demo) //订阅消息

      }      

④ 传递数据

pubsub.publish('xxx',数据)

⑤取消订阅

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