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中的数据
}
}