Vue 消息订阅与发布

1.安装

此处安装的是 pubsub-js ,在powershell中安装：

npm i pubsub-js

2.引入pubsub-js

import pubsub from 'xxxxx'

3.具体使用方法

接受数据那方：订阅消息
methods:{
	demo(msgName,data){  //demo（消息名，数据）是publish.subscribe的回调函数
		......
	}
},
mounted(){   //挂载完毕就可以订阅消息
	this.pubId = publish.subscribe('消息名',this.demo)//此处可能会执行很多次，
//而且每次订阅都会生成一个pubId，如果把回调函数写在这里的话最好用箭头函数，
//在methods里配置回调函数不容易出现问题
},
beforeDestroy(){
	pubsub.unsubscribe(this.pubId)  //在beforeDestroy钩子中取消订阅
}

发送数据那方：发布消息
methods:{
	demo(){
		......
		pubsub.publish('消息名',数据) 
	}
}