Vue消息的订阅与发布

介绍

用于组件之间通信，可以实现任意组件的通信
发布订阅模式

使用

下载

npm i pubsub-js -s

引入，用到的文件都要引入

import pubsub from 'pubsub-js'

发布

pubsub.publish("hello", 666)

订阅

this.d_pid = pubsub.subscribe("hello", (msgName, data) => {
    
    
      console.log("有人发布了hello消息，" + msgName + "回调执行了，收到数据：" + data);
      //有人发布了hello消息，hello回调执行了，收到数据：666
})

订阅参数解释

PubSub.subscribe(name,(meg,data)=>{
    
    })
第一个参数是订阅的事件
第二个参数是别人发布了订阅以后执行的函数，接收的meg是事件名字name的值,data是别人发布订阅传递过来的数据

发布参数解释

pubsub.publish(name,data)
第一个参数是发布事件（与订阅事件同名，才能对接）
第二个是传递参数

this.d_pid ： 作为标识（销毁的时候好销毁）
组件销毁时，一定要及时清除订阅事件