Vue组件间通信(消息订阅与发布)

我们使用pubsub-js 来实现在vue中消息的订阅与发布

1.安装 pubsub-js

npm i pubsub-js

2.导入 pubsub-js

import pubsub from "pubsub-js"

3.需要数据的组件订阅消息

pubsub.subscribe("消息名",(msg,data)=>{
 		//msg中保存的是消息名
   		console.log("XXX发布了消息,接收到的数据为:",data)  
})

4.发送数据的组件发布消息

pubsub.publish("消息名",data)    //data为要发送的数据

这样,就可以实现组件间的通信了