Vue任意组件通信之消息订阅与发布（pubsub）

消息订阅与发布，它也是一种组件间的通信方式。适用于任意组件间通信。

使用步骤：

1.安装pubsub：npm i pubsub-js

2.在发送数据以及接收数据的组件中，引入pubsub-js：import pubsub from 'pubsub-js'

3.假设有两个组件，分别为组件A，组件B。A组件要接收数据，则在A组件中订阅消息。

A组件订阅消息代码：

B组件发布消息，传递数据代码：

未传值前效果：

 传值后效果：

 4.在使用完之后。最好在beforeDestroy这个钩子中，用pubsub.unsubscribe(this.pid)去取消订阅。

代码：