消息订阅与发布(pubsub)

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

  1. 安装 pubsub:npm i pubsub-js
  2. 引入:import pubsub from 'pubsub-js'
  3. 接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的回调在A组件中
methods() {getData(msgName, data) {....}// msgName 消息名称// data 接收传过来的数据
}
...
mounted() {this.pId = pubsub.subscribe('xxx', this.getData) // 订阅消息
}
  1. 提供数据:
// B 组件
methods() {sendData() {PubSub.publish('xxx', [要传递的数据])}
}
  1. 最好在 beforeDestory 钩子中,用 PubSub.unsubscribe(pid) 去取消订阅

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/555985.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JVM经典五十问

文章目录1.什么是JVM?内存管理2.能说一下JVM的内存区域吗?3.说一下JDK1.6、1.7、1.8内存区域的变化?4.为什么使用元空间替代永久代作为方法区的实现?5.对象创建的过程了解吗?6.什么是指针碰撞?什么是空闲列表&#xf…

增量更新同步_OneDrive增量更新功能正式推出 仅同步文件更改部分降低网络占用...

微软的云存储应用OneDrive目前用户量还是蛮多的,不过在功能更新方面OneDrive动作相对来说还是有些慢的。比如非常实用的增量更新功能直到最近微软才正式推出,现在所有个人和企业级用户都可以使用增量更新功能喽。增量更新功能还是有网友在 2014 年向微软…

Vue.$nextTick

一、语法:this.$nextTick(回调) 二、在下一次 DOM 更新结束后执行其指定的回调函数 三、啥时候调用:当改变数据后,要基于更新后的新 DOM 进行某些操作时,要在 nextTick 所指定的回调函数中执行

div靠边隐藏_css如何隐藏div不占位置?

display 属性依照词义真正隐藏元素。将 display 属性设为 none 确保元素不可见并且连盒模型也不生成。使用这个属性,被隐藏的元素不占据任何空间。一旦 display 设为 none 任何对该元素直接打用户交互操作都不可能生效。此外,读屏软件也不会读到元素的内…

MySQL:错误代码1215 无法添加外键约束的解决思路

环境说明: ※MySQL ver:5.7 当你需要添加外键约束的时候,却发现mysql报了个1215错误,一脸懵逼的找到这个博客,那你的问题可能就会得到解决. 解决思路 1.检查两个字段的数据类型是否一致 2.检查两个字段的数据长度是否一致(有时候不指定int长度,长度是10,有时候是11&#xff0…

Vue 封装的过渡与动画

一、作用:在插入、更新或移除DOM元素时,在合适的时候给元素添加样式类名 二、图示 三、写法: 元素进入的样式 v-enter | v-enter-active | v-enter-to元素离开的样式 v-leave | v-leave-active | v-leave-to使用 transition 包裹要过渡的元…

各纬度气候分布图_地理:世界各种气候类型分布图(高清版)汇总!以及解答分析哦~...

各种气候类型分布图送给大家,点开看放大更清晰哟!世界气候类型分布图▼热带气候类型分布图▼热带雨林气候分布图▼热带草原气候分布图▼热带季风气候分布图▼热带沙漠气候分布图▼温带气候分布图▼地中海气候分布图▼亚热带季风和季风性湿润气候分布图▼…

使用navicat for mysql 创建外键foreign keys时,总会自动创建索引indexs

使用navicat for mysql 创建外键foreign keys时,总会自动创建索引indexs。如果删除这个索引就会提示错误error 1553:cann’t drop index…:needed in a foreign key constraint。请教各位,该如何解决呢,不想要indexs 这个好像必须要吧 主键默…

Vue 脚手架配置代理

一、在 vue.config.js 中添加配置 devServer: {proxy: http://localhost:5000 }优点:配置简单,请求资源时直接发送给前端(8080)即可缺点:不能配置多个代理,不能灵活的控制请求是否走代理工作方式&#xff…

固定 顶部_优质的阳光板温室的顶部应该如此安装,专业的人做专业的事

阳光板温室多为文洛型,多采用一跨多顶,外形现代,结构稳定,形式美观大方,视觉流畅,保温性能卓越,透光率适中,多雨槽,大跨度,排水量大,抗风能力强&a…

json对象、json字符串的区别和相互转换

开发时,json字符串和json对象傻傻分不清楚,ajax异步请求后,会根据返回的data值判断请求是否成功,访问data.msg会提示‘undefined’,将data转换为json对象即可。 一、json对象、json字符串的区别 1、json对象 json对…

python判断两个列表内容是否一致_检查两个列表在Python中是否相同

在python数据分析中,当我们需要比较两个列表并找出它们是否具有相同元素或没有相同含义时,我们可能会遇到这种情况。例题listA [Mon,Tue,Wed,Thu]listB [Mon,Wed,Tue,Thu]# Given listsprint("Given listA: ",listA)print("Given listB…

Json对象和Json字符串的区别

JSON对象 有时候在做项目的时候时常将这两个概念弄混淆,尤其是在使用springmvc的时候,后台RequestBody接受的是一个json格式的字符串,一定是一个字符串。 先介绍一下json对象,首先说到对象的概念,对象的属性是可以用&…

vuex 状态管理

一、在组件中读取 vuex 中的数据 $store.state.sum;二、组件中修改 vuex 中的数据 $store.dispatch(actions fn name, 数据) $store.commit(mutations fn name, 数据)如果没有网络请求或者其他业务逻辑,组件中也可以越过 actions(不写 dispatch 直接写…

flask mysql 1366_2017-11-17 Python Flask Script+mysql环境设置

【1.初级版】flask-scrpit安装。使用flask-scrpit可以创建命令,并在Flask的应用上下文中执行,因为这样才能对Flask对象进行修改。Flask Script自带了一些默认的命令,可以运行服务器或者开启带应用上下文的Python命令行。env) D:\python\flask…

vuex 的模块化+命名空间

一、目的:让代码更好维护,让多种数据分类更加明确 二、修改 store.js const person {namespaced: true; // 开启命名空间state: {},getters: {},actions: {},mutations: {} }const count {namespaced: true; // 开启命名空间state: {},getters: {},ac…

idea中常用的快捷键以及一些奇淫技巧 , 加快我们的开发效率

idea中常用的快捷键以及一些奇淫技巧 , 加快我们的开发效率 !!! 知道类名查找你本地以的类 (你pom中依赖的类你自己创建的类)------------- ctrlshiftt 修改你创建的变量 以及你后面都引用的变量 &#x…

apache2 php mysql_二、Linux服务器apache2+PHP7+mysql环境配置

关于网站搭建的基础知识,请见我的另一篇文章https://www.jianshu.com/p/9c65fcb14e4f此处不加赘述。本文仅介绍Linux服务器环境的配置。一、安装包下载与安装1.安装apache2sudo apt-get install apache22.安装PHP//-y的意思是全部默认选择yes//8条命令分8次输入//1s…

前端给后端传递数据的时候,有些后端自己可以获取到的值应该由前端传递吗?

前端给后端传递数据的时候,有些后端自己可以获取到的值应该由前端传递吗? 场景: 1.比如我向后端传递一个学生做的试卷. 2.后端需要我把学生的答案和标准答案(在获取试卷的时候给我的,我知道很扯淡)同时传递给他. 我认为标准答案没必要传给他 ,因为他可以根据我传给他的试卷…

mysql备份去掉一个库_MySQL备份与恢复(3)mysqldump备份多个库

一、mysqldump的工作原理、利用mysqldump命令备份数据的过程,实际上就是把数据从mysql库以逻辑的sql语句的形式直接输出或生成备份的文件的过程利用这个备份文件恢复的时候的原理?就是把备份的sql命令再执行一遍。二、备份多个库mysql>show databases…