消息发布与订阅pubsub

最新推荐文章于 2022-09-16 08:59:45 发布
最新推荐文章于 2022-09-16 08:59:45 发布
阅读量218 收藏
点赞数
分类专栏： vue 文章标签： npm 前端 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ykh12345678/article/details/124807241
版权
本文介绍了如何在项目中安装和使用pubsub-js库进行发布订阅操作。通过npm安装后，理解了订阅方接收数据，发布方发送数据的基本概念。在实践中，详细展示了如何指定订阅名和回调函数，以及在组件销毁时如何安全地取消订阅，确保资源管理的正确性。
摘要由CSDN通过智能技术生成
  1. 安装pubsub

    进入你项目的根目录，cmd执行命令  npm i pubsub-js
     
  2. 理解pubsub，订阅的一方收数据，发布的一方传数据
     
  3. 使用pubsub发布订阅：


    引入pubsub，指定订阅名为getData ，指定回调函数名为  getData(msgName,data)，其中第一个参数为调用的订阅名，第二个参数为实际传递过来的参数。
     
  4. 发布消息：


     
  5. 为了保证安全，组件销毁的时候需要取消订阅：



    消息的发布订阅，每发布一次订阅都会返回一个id，销毁的时候要根据id去销毁

小破程序员
关注
专栏目录
vue消息的订阅与发布(pubsub)
m0_53620958的博客
09-09 638
vue中消息的订阅与发布
pubsub消息订阅与发布
paidaboluo的博客
08-20 774
pubsub消息订阅与发布
消息订阅与发布(pubsub)
m0_51144154的博客
11-17 837
消息订阅与发布(pubsub) 1.一种组件间通信的方式，适用于任意组件间通信 2.使用步骤： 1）安装pubsub库：npm i pubsub-js 2)引入：import pubsub from ‘pubsub-js’ 3.接收数据的写法: A组件想接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身。 //定义一个School组件用于接收Student组件传递过来的数据 <template> <div class="scl"> <h2>学校名称：{{
消息订阅与发布（pubsub）
小码农
03-25 106
1.一种组件通信的方式，适用于任意组件间通信 2.使用步骤： 1）安装pubsub： npm i pubsub-js 2）引入： import pubsub from 'pubsub-js' 3）接收数据：A组件想接收数据，则在B组件中订阅消息，订阅的回调留在A组件自身 mehtod(){ demo(data){......} } ...... mounted(){ this.pid=pubsub.subscribe('xxx',this.demo) //订阅消息 }
Redis发布订阅（pubsub）
weixin_45074479的博客
03-22 810
Redis发布订阅（pub/sub） 订阅，取消订阅和发布实现了发布/订阅消息范式(引自wikipedia)，发送者（发布者）不是计划发送消息给特定的接收者（订阅者）。而是发布的消息分到不同的频道，不需要知道什么样的订阅者订阅。订阅者对一个或多个频道感兴趣，只需接收感兴趣的消息，不需要知道什么样的发布者发布的。这种发布者和订阅者的解耦合可以带来更大的扩展性和更加动态的网络拓扑。 举个例子： 我们在第一个客户端中订阅一个叫CCTV的频道 127.0.0.1:6379> SUBSCRIBE CCTV R
pubsub 发布订阅 sub 发布 pub订阅
gwdgwd123的博客
05-30 838
pubsub.js消息的发布订阅 Arale_zh关注 2019.03.14 17:11字数 142阅读 12评论 0喜欢 0 pubsub.js消息的发布订阅 组件间数据的传递方式 props，一层一层传递 消息的发布订阅，当嵌套层数比较多，可以用此工具库 下载 $ npm install pubsub-js --save 使用 // 导入 impor...
消息发布与订阅
weixin_54217534的博客
07-23 853
消息发布与订阅的作用与全局事件总线一致，都是为了各组件间的通信，传递数据等。
087_消息订阅与发布（pubsub-js）
述安的博客
11-27 463
一种组件间通信的方式，适用于任意组件间通信 使用步骤： 1.安装pubsub-js：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) //订阅消息 } 4.提供数据.
（web前端）消息订阅与发布pubsub-js
qq_55822444的博客
04-05 1073
我们以vue2框架为例： 1.安装pubsub-js库 npm install pubsub-js 2.消息订阅（注意：在第二步是回调函数必须是箭头函数，不然this指向的是pubsub库） 回调能就接受两个参数 msg：消息名称，data：消息内容 3.消息发布 4.效果演示 （点击按钮前） （点击按钮后） ...
小而美的pubsub库发布订阅者模式
08-10
`pubsub-js` 是一个轻量级的JavaScript库，它实现了一个简单易用的发布订阅者模式，为开发者提供了高效的消息传递机制。 Pub/Sub模式的核心思想是发布者与订阅者之间的解耦。发布者只需要发布消息，而不需要知道谁...
消息的发布和订阅
qq_44892120的博客
10-13 101
消息的发布和订阅 1.申请一个全局总事件 main.js new Vue({ el: '#app', components: { App },//注册 template: '<App/>',//在指定作用域添加模板标签 //创建之前，申明一个全局事件总线 beforeCreate(){ Vue.prototype.$bus = this; } }) 2.先订阅 school.vue //添加 npm install --save pubsub-js import
Redis消息发布与订阅
nch_ren的博客
01-04 1584
在实际开发工作中，经常会遇到消息发布、订阅的应用场景，就好象是电台广播，只要你收听了某个频道，那么在这个频道上播放的内容你都能够听到，没有收听的自然也就听不到，很多开源工具都对这种设计模式有很好的支持，比如RabbitMQ中就有Pub/Sub消息队列。同样Redis也支持这种模式的消息发布，而且非常简单。在我的实际工作中，只用到过三个命令就能实现消息发布与订阅：     1.publish ch
消息订阅与发布pubsub
qq_41497443的博客
05-12 406
消息订阅与发布pubsub
[vue3] 消息的订阅与发布
沫洺的博客
09-16 1945
消息的订阅与发布
消息订阅与发布
richest_qi的博客
02-22 2579
消息订阅与发布，也是组件间的一种通信方式，适用于任何组件间通信。 看下面具体的例子。 父组件：App。 <template> <div class="app"> <Company/> <Employee/> </div> </template> <script> import Company from "./components/Company.vue"; import
redis消息订阅与发布
qq_39794062的博客
05-15 1188
一、消息订阅与发布 消息的订阅和发布是进程间的一种消息通信模式，发送者(pub)发送消息，订阅者(sub)接收消息。 二、常用命令示例 先订阅后发布，才能收到消息 执行SUBSCRIBE可以一次性订阅多个 执行PUBLISH命令，发布消息 可以使用通配符*订阅多个，执行PSUBSCRIBE命令 ...
Python微服务消息发布与订阅库microcosm_pubsub-0.3.0发布
资源摘要信息:"microcosm_pubsub-0.3.0.tar.gz是一个Python库资源包，主要用于消息发布和订阅模式的实现。它由Python编写，具有易于使用、灵活、轻量级等特点。该库支持Python 3.5及以上版本，适用于需要实现事件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值