当前位置: 首页 > news >正文

Vue61-消息订阅与发布-任意组件之间的通信

 一、原理图

原生的JS不能实现订阅与发布,要借助第三方库:pubsub-js(任何一个框架都能用!)

二、案例实现

school组件,需要数据(订阅消息),student组件提供数据(发布消息),两者是并列关系。

2-1、消息的订阅与发布 

注意:引入的pubsub是对象!

参数接收如下:

2-2、取消订阅 

组件即将销毁,也要取消订阅!

 2-3、订阅消息中的this

因为pubsub是第三方的库,所以,vue不管里面的this。

解决方式1:箭头函数

解决方式2:在methods中写回调函数,pubsub中调用:

三、小结

消息订阅与全局事件总线,很类似,就相当于把全局事件总线中的x换成了pubsub,所以vue中用的不多。

相关文章:

  • 产品应用 | 小盒子跑大模型!英码科技基于算能BM1684X平台实现大模型私有化部署
  • 如何排查與解決代理伺服器有問題或者地址有誤?
  • 【计算机网络原理】常用单位换算
  • 微服务开发与实战Day11 - 微服务面试篇
  • 【基因功能富集2:分析流程】非模式生物怎么注释 clusterProfiler包GO、KEGG
  • 【Linux Vim的保姆级教程】
  • 《平衡小车控制系统》电子设计大赛校赛感悟
  • A44 STM32_HAL库函数 之SD通用驱动 --B -- 所有函数的介绍及使用
  • 有哪些技术可代替docker?
  • Java--数组的使用
  • 数据结构习题
  • CSS【实战】抽屉动画
  • HTB Editorial
  • 对LitJson开源插件的自定义尝试
  • shell脚本编程(概念、编程和语句)
  • SegmentFault for Android 3.0 发布
  • Asm.js的简单介绍
  • ES学习笔记(10)--ES6中的函数和数组补漏
  • express.js的介绍及使用
  • magento 货币换算
  • niucms就是以城市为分割单位,在上面 小区/乡村/同城论坛+58+团购
  • Objective-C 中关联引用的概念
  • PAT A1120
  • React-flux杂记
  • Redis提升并发能力 | 从0开始构建SpringCloud微服务(2)
  • Spark VS Hadoop:两大大数据分析系统深度解读
  • Spring Cloud中负载均衡器概览
  • spring学习第二天
  • tab.js分享及浏览器兼容性问题汇总
  • VirtualBox 安装过程中出现 Running VMs found 错误的解决过程
  • 力扣(LeetCode)21
  • 面试遇到的一些题
  • 前端技术周刊 2019-01-14:客户端存储
  • 前端之Sass/Scss实战笔记
  • 使用agvtool更改app version/build
  • 说说动画卡顿的解决方案
  • 一个SAP顾问在美国的这些年
  • 用jQuery怎么做到前后端分离
  • 深度学习之轻量级神经网络在TWS蓝牙音频处理器上的部署
  • 白色的风信子
  • Mac 上flink的安装与启动
  • ###项目技术发展史
  • #java学习笔记(面向对象)----(未完结)
  • #Lua:Lua调用C++生成的DLL库
  • $ git push -u origin master 推送到远程库出错
  • (1)(1.13) SiK无线电高级配置(六)
  • (DFS + 剪枝)【洛谷P1731】 [NOI1999] 生日蛋糕
  • (java版)排序算法----【冒泡,选择,插入,希尔,快速排序,归并排序,基数排序】超详细~~
  • (二)PySpark3:SparkSQL编程
  • (附源码)spring boot儿童教育管理系统 毕业设计 281442
  • (附源码)ssm旅游企业财务管理系统 毕业设计 102100
  • (深度全面解析)ChatGPT的重大更新给创业者带来了哪些红利机会
  • (算法)硬币问题
  • (转)jdk与jre的区别
  • (转)从零实现3D图像引擎:(8)参数化直线与3D平面函数库