消息订阅与发布（pubsub）

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

2. 使用步骤：

1. 打开终端安装 引入第三方库 输人npm i pubsub-js

2. 在提供数据和需要数据的组件中引入(写在script 下)  代码: import pubsub from 'pubsub-js'

3.在需要数据的组件中写上methods(){

demo(data){console.log(this,data )}  此处的this 就是所在组件的vue component    data 就是要传的内容

}，mounted() {

this.pubsubId =pubsub.subscribe('hello',this.demo) 

hello 代表订阅名  订阅名要和发布消息中的发布名相同

}

4. 提供数据:在发布消息的组件添加触发执行发布消息，比如给button 绑定点击事件 事件名用change 表示，methods:{change (){pubsub.publish ("hello ",要传递的内容)}}

5. 当我们不需要组件时，消息也就不需要了 如何取消订阅呢？pubsub.unsubscribe(this.pubsubId )去取消订阅 注意pubsubId不是上方中的订阅名hello