消息订阅与发布 (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 @   小成-  阅读(140)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示