Vue使用消息订阅与发布实现组件通信

1. 消息订阅与发布是组件间通信的一种方式,使用与任意组件间的通信

2. 使用步骤

2.1 安装pubsub

npm i pubsub-js

2.2 引入

import pubsub from ''pubsub-js'

2.3 接受数据(订阅)

methods(){
	demo(msgName,data){
		...
	}
}
mounted(){
	this.pubId = pubsub.subscribe('xxx',this,demo)//订阅消息
}

2.4 提供数据(发布)

methods(){
	sendName(){
		pubsub.publish('xxx',数据)
	}
}

2.5 在订阅消息组件的beforeDestroy钩子中,取消订阅

beforeDestroy(){
	//pubId是订阅是返回的id
	pubsub.unsubscribe(this.pubId)
}