消息订阅与发布属于一项技术，不是某个模块

在Vue中使用消息订阅与发布。

可以实现任意组件间的通信

开始

安装

npm install pubsub-js@1.6.0

npm i pubsub-js

引入

import pubsub from "pubsub-js"

先订阅信息

mounted() {
  // 订阅消息
  // 该方法能接收到两个参数，第一个是消息的名称，第二个是传递过来的信息
  this.pubId = pubsub.subscribe("hello", function (msgName,value) {
    console.log("有了发布了hello消息,hello消息的回调执行了。",msgName,value);
  });
},
beforeDestroy(){
  // 解除订阅
  pubsub.unsubscribe(this.pubId)
}

后发布信息

methods:{
  sentStudentName(){
    pubsub.publish("hello",666)
  }
}