Vue 消息订阅与发布pubsub

Vue 消息订阅与发布pubsub

一种组件间通信的方式,适用于任意组件间通信。
使用步骤:

  1. 安装pubsub:npm i pubsub-js
  2. 引入:import pubsub from 'pubsub-js'
  3. 接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身。
methods:{
    
    
	demo(data){
    
    
	}
}
mounted(){
    
    
	this.pid = pubsub.subscribe('xxx',this.demo)  //订阅消息
}
  1. 提供数据:pubsub.publish('xxx',数据)
  2. 最后在beforeDestroy钩子中,用pubsub.unsubscribe(pid)取消订阅

猜你喜欢

转载自blog.csdn.net/m0_48546501/article/details/130618956