首页 > 其他分享 >vue消息订阅与发布

vue消息订阅与发布

时间:2023-06-05 09:55:17浏览次数:29  
标签:订阅 vue 函数 发布 消息 pubsub

1.点一下加号:

 2.安装第三方库:(pubsub-js,实现消息发布订阅也可以用其他库)

 

 3.从收数据的人引入库“【引入之后的pubsub是一个对象,对象身上有很多有用的方法】

 

4.收数据的人订阅消息:【subscribe后面两个形参,第一个为消息名,第二个才是消息内容】

还需要注意订阅消息的人最后还要取消订阅

 

 注意:pubsub里面的 this为undefined    ,所以这个里面回调函数写成箭头函数、

 

 

 1)第一种方法回调写成箭头函数:

 

2)第二种:

 

 

 

 

 

5.发布消息的人引库:、

 

 

6.发消息

 

 

标签:订阅,vue,函数,发布,消息,pubsub
From: https://www.cnblogs.com/fangtoushi/p/17457078.html

相关文章

  • GreatSQL 8.0.32-24 今日发布
    1.新增特性1.1SQL兼容性1.2MGR1.3性能优化1.4安全2.稳定性提升3.其他调整4.bug修复5.GreatSQLVSMySQL6.GreatSQLReleaseNotesGreatSQL8.0.32-24版本发布,增加并行loaddata、(逻辑&CLONE)备份加密、MGR读写节点可绑定动态VIP、Oracle兼容扩......
  • vue前端model和data强关联
    如果不关联会报错,且错误不好找!......
  • vue3 条件判断语句及v-if与v-show 区别
    <template> <divv-if="type==='a'">aaa</div> <divv-else-if="type==='b'">bbb</div> <divv-else>ccc</div>  <divv-show="flag">111</div> </template>......
  • vue3元素标签属性的绑定
    <template> <divv-bind:id="main"v-bind:class="message">aaa</div></template><script> exportdefault{   data(){      return{         message:'active',         main:'mainid' ......
  • Vue基础
    目录一属性指令1.1属性指令使用1.2换图片小案例二style和class2.1数据的绑定2.2class的使用2.3style的使用三条件渲染四列表渲染4.1v-for显示购物车4.2v-for循环其它类型4.3key值的解释4.4数组更新与检测可以检测到变动的数组操作检测不到变动的数组操作五事件......
  • Vue3 模板语法学习
    <template> {{message}} {{number+1}} {{ok?'yes':'no'}}</template><script> exportdefault{   data(){      return{         message:'aaa',         number:10,         ok:false      }   } }&l......
  • 基于 Vue3 + TS 的前端结构
    效果预览:1构建工具构建工具选择vite,它是一个基于原生ES模块的开发服务器,能显著提升开发体验。参考:https://cn.vitejs.dev/guide/2样式处理样式预处理器选择less重置原生样式抽离通用样式,比如flex布局、内外边距、鼠标样式等3使用svg图标使用vite-svg-l......
  • ant-design-vue中官网案例树穿梭框的疑问
    网上:我把官网这个案例的树改成支持父节点选择之后子节点也能被选中(移除案例中的checkStrictly),但是通过父节点选择之后子节点无法取消选择了(其实已经被取消选中但是勾选状态没变)。我把handleTreeData方法去掉了,不设置disabled好像没什么问题工作中的实际问题:只需选择叶子节点,......
  • PECMD 是一种管理和调试 Windows PE 系统的命令行工具,主要用于在 WinPE 环境下进行系
    PECMD是一种管理和调试WindowsPE系统的命令行工具,主要用于在WinPE环境下进行系统管理、修复和救援等操作。根据资料记录,PECMD已经发布了如下版本:PECMD2003:发布于2003年,适用于WindowsPE1.0版本。PECMD2005:发布于2005年,适用于WindowsPE2.0版本,新增支持更......
  • Linux服务器管理系统wdcp v2.5.7版本发布
    wdcp(WDlinuxControlPanel)是一套用PHP开发的Linux服务器管理系统,旨在易于使用和管理Linux服务器,通过web页面操作就可以管理服务器和虚拟主机.简单,方便,易操作.只有Linux版本,没有windows版本,让你方便地使用和管理Linux服务器,让不懂Linux的人也可以用Linux做服务器了.支......