Vue3消息订阅与发布（组件间的通信）

npm i pubsub-js 下载pubsub-js库

消息订阅(接收数据)   MenuOne.vue

import pubsub from 'pubsub-js' //导入

mounted() {

    this.pubId= pubsub.subscribe('hello',(msgName,data)=>{     

//一定要用箭头函数否则this指向为undefined

console.log("有人发布了消息"+msgName,data)

console.log(this)

})

},

beforeUnmount() {

pubsub.unsubscribe(this.pubId)

//记得销毁

}

消息发布(发送数据)  MenuOne.vue

import pubsub from "pubsub-js";    //导入

 methods: {

    sendmessage() {

      pubsub.publish("hello", this.activities);        //hello:事件名    this.activities:data中的数据

    }

  }