首页 > 其他分享 >消息订阅与发布(pubsub)

消息订阅与发布(pubsub)

时间:2023-06-08 17:34:41浏览次数:36  
标签:订阅 demo 间通信 发布 组件 接收数据 pubsub

1、一种组件间通信的方式,适用于任意组件间通信,适用于任意前端框架

2、使用步骤:

(1)、安装pubsub:npm i pubsub-js

(2)、引入:import pubsub from ‘pubsub-js’

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

methods: {
    demo(data) { }
  },
  mounted() {
   this.subId = pubsub.subscribe('xxx',this.demo) // 订阅消息
  },

4、提供数据:

 pubsub.publish('xxx',数据)

5、最好在beforeDestroy钩子中,用pubsub.unsubscribe(subId)去取消订阅

标签:订阅,demo,间通信,发布,组件,接收数据,pubsub
From: https://www.cnblogs.com/hyt09/p/17467170.html

相关文章

  • 腾达发布Wi-Fi 6 USB网卡:比U盘还小 网速提升90%
    腾达发布Wi-Fi6USB网卡W311MI,造型非常小巧,性能却很是强悍。从造型来看,腾达W311MIUSB网卡长度仅2.1厘米,仅USB接口占据了整体近乎2/3的大小,玲珑身形,甚至比无线键鼠的接收器也大不了多少。据了解,腾达W311MIUSB网卡支持Wi-Fi6无线协议,2.4GHz频段网速可达286Mbps。官方表示相比......
  • 图像处理、滤镜、水印添加Sample发布
    ***基本上我不提供源代码,但是我会尽量用文字把对应的算法描述清楚****因为靠自己的努力和实践写出来的效果才真正是自己的东西如果想要源码Demo,请联系我......
  • OpenHarmony 4.0 Beta1发布,邀您体验
     初夏之际,OpenAtom OpenHarmony(简称“OpenHarmony”) 4.0 Beta1版本如期而至。4.0 Beta1版本在3.2 Release版本基础上,继续提升标准系统的ArkUI、应用框架、图形媒体等子系统能力,并提供首批API Level 10接口。作为OpenHarmony 4.0的首个Beta版本,推出了系列新特性。......
  • Redis 消息的发布与订阅
    1.Redis发布订阅1.1.Redis发布订阅的简介Redis发布订阅(pub/sub)是一种消息通信模式:发送者(pub)发送消息,订阅者(sub)接收消息。Redis客户端可以订阅任意数量的频道。1.2.Redis发布订阅示意图订阅:消息订阅者(client2、client5和client1)订阅频道channel1发布......
  • vue封装组件并发布到Npm
    前言vue封装组件是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用,甚至我们可以直接从npm仓库下载别人封装好的组件使用,入element-ui这一类的组件库。1、环境准备因为我们此次封装的是Vue组件,所以我们直接在Vue脚手架项目里面进行封装即可。(1)、初始化项目vuec......
  • 顶象发布《车企App安全研究白皮书》,剖析品牌汽车App的两大类风险
    近日,顶象发布《车企App安全研究白皮书》。该白皮书总结了当前车企App主要面临的技术威胁和合规风险,详细分析了风险产生的原因,并提出相应安全解决方案。车企App成汽车品牌首选自有App成为各品牌汽车的标配,也成为车企必争的新战场。车企App不仅能够实现远程开启空调、门锁、启动......
  • 苹果WWDC发布会总结
    今年的全球开发者大会没有让人失望。在今天的主题演讲中,苹果首次展示了备受期待的混合现实耳机,证实了过去几个月出现的许多谣言。虽然这次苹果的VisionPro耳机成为了焦点,但该公司还发布了一些其他令人兴奋的硬件和软件相关公告。这是活动的所有重大新闻。VisionPro混合现实头......
  • 华为认证 | HCIE-存储 V3.0 即将发布!
    华为认证HCIE-StorageV3.0(中文版)预计将于2023年6月30日正式对外发布。为了帮助您做好学习、培训和考试计划,现进行预发布通知,请您关注。01发布概述基于“平台+生态”战略,围绕“云-管-端”协同的新ICT技术架构,华为公司打造了覆盖ICT领域的认证体系。包含ICT基础设施认证、基础软硬......
  • JupyterLab 4.0 发布了
    JupyterLab是JupyterNotebook的下一代版本,它提供了更强大的功能和更灵活的用户界面,6月6日,官方发布了JupyterLab4.0的说明,并且说该版本是下一个主要的版本。JupyterLab的主要改进是:用户界面:JupyterNotebook使用单个文档界面,以逐个标签的方式显示打开的笔记本。每个标签......
  • LabVIEW|小技巧:发布LabVIEW程序到网站(内外网)
    做个前面板,点击web发布工具写好文档的标题等内容:形成一个URL......