消息订阅与发布（pubsub)

一、一种组件间通信的方式，适用于任意组件间通信。
二、使用步骤：

安装 pubsub：npm i pubsub-js
引入：import pubsub from 'pubsub-js'
接收数据：A组件想接收数据，则在A组件中订阅消息，订阅的回调在A组件中

methods() {getData(msgName, data) {....}// msgName 消息名称// data 接收传过来的数据
}
...
mounted() {this.pId = pubsub.subscribe('xxx', this.getData) // 订阅消息
}

提供数据：

// B 组件
methods() {sendData() {PubSub.publish('xxx', [要传递的数据])}
}

最好在 beforeDestory 钩子中，用 PubSub.unsubscribe(pid) 去取消订阅

消息订阅与发布（pubsub)相关推荐

【Vue2.0】— 消息订阅与发布pubsub（二十）
[Vue2.0]- 消息订阅与发布pubsub(二十)
小程序中消息订阅与发布
注:小程序中最好不要在开发工具里面使用命令行安装,最好使用外部的 1)首先要在项目中初始化一个package.json用来存放包 npm init 2)下载安装要使用的包,这里是要使用消息订阅与发布 ...
切换上下首音乐功能的实现（消息订阅与发布的使用）
切换上下首音乐思路: 切换歌曲,实际上是切换歌曲的id,歌曲的详情页只有当前播放歌曲的id,所以要想更新音乐的id得去每日推荐的列表页更新,切换歌曲有两种情况,一个是上一首,一个是下一首,可以绑定在 ...
Vue（组件间通信：props、自定义事件、全局事件总线、消息订阅与发布）
一.props props不仅可以实现父给子传递信息,还可以进行子给父传递信息 1.父给子传递信息: 父组件中给子组件实例传递信息子组件利用props进行接收组件传递信息(接收方式有三种:数组.对象 ...
Vue学习之--------消息订阅和发布、基础知识和实战应用（2022/8/24）
文章目录 1.基础知识 2.代码实例 2.1 main.js 2.2 School.vue 2.3 Student.vue 2.4 App.vue 3.全局事件总线通信改为消息的订阅和发布 3.1 核 ...
mqttnet+emqx实现消息订阅与发布
mqttnet+emqx实现消息订阅与发布 1 在Windows操作系统下使用EMQX 1.1 部署前准备首先进入官网https://www.emqx.io/zh/downloads?os=Wind ...
mysql消息订阅与发布_消息发布与订阅
代码示例消息发布者 (即publish client) package message.kvstore.aliyun.com; import redis.clients.jedis.Jedis; p ...
ESP32的MQTT AT固件烧录+STM32以ESP32的MQTT AT固件的AT指令连接EMQX下mqtt服务器实现消息订阅和发布
目录写在前面三种方案(利用ESP32连接EMQX下的MQTT) 步骤 ESP32烧录固件并AT指令进行测试. 下载固件烧录工具下载烧录固件(选择ESP32) 关于AT 指令与MQTT服务器断开 ...
php redis消息订阅与发布_PHP使用Redis实现订阅发布与批量发送短信
原标题:PHP使用Redis实现订阅发布与批量发送短信 1 什么是redis订阅 Redis 发布订阅(pub/sub)是一种消息通信模式:发送者(pub)发送消息,订阅者(sub)接收消息.直接点, ...

消息订阅与发布（pubsub)

消息订阅与发布（pubsub)相关推荐

最新文章

热门文章