消息订阅与发布 (pubsub)

1.一种组件间通信的方式,适用于任意组件间通信

2.使用步骤

  1.安装pubsub:   npm i pubsub-js

  2. 引入:      import pubsub from 'pubsub-js'

  3.接收数据 : A组件想接受数据,则在A组件中订阅消息,订阅的回调留在A组件自身

mounted(){
    this.pid = pubsub.subscribe('xxx',(msg,data)=>{
      console.log(msg,data);  //xxx,msg 为订阅的方法 //data 为订阅的消息
    })
  },
  beforeDestroy(){
    pubsub.subscribe(this.pid)。 //取消订阅
  },

  4.提供数据

del(id){
     
      pubsub.publish('xxx',data).   // xxx订阅的方法名,data 需要传递的数据
    },

 

 

 

posted @ 2022-07-23 13:22  小成-  阅读(145)  评论(0)    收藏  举报