Vue发布订阅模式

已于 2022-04-24 01:02:26 修改
阅读量2.8k 收藏 8
点赞数 2
分类专栏： Vue 文章标签： javascript vue 前端框架
于 2022-04-24 00:59:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_58875326/article/details/124370929
版权

简单的来说一下在别人问你这个问题的时候怎么来回答它

前端新人，如有错误求大佬指出~求教💝

情景复现

大佬提问：“你知道Vue发布订阅模式是什么吗？"

我的回答：“发布订阅模式其实是一种对象间一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到状态改变的通知。具体过程就是订阅者把自己想订阅的事件注册到调度中心，当发布者发布该事件到调度中心，也就是该事件触发时，由调度中心统一调度订阅者注册到调度中心的处理代码，体现在Vue中典型的发布订阅模式就是兄弟间传参”

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Docume
最低0.47元/天 解锁文章
阳庚
关注
  • 2
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue 发布订阅模式
Seric_xiao的博客
09-23 2811
发布订阅模式：订阅者，发布者，信号中心 我们假定，存在一个“信号中心”，某个任务执行完成，就向信号中心"发布"(publish)一个信号，其它任务可以向信号中心“订阅”(subscribe)这个信号，从而知道什么时候自己可以开始执行。这就叫做"发布/订阅模式"(publish-subscribe pattern) 家长向学生所在的班级订阅了获取学生考试成绩的事件，当老师公布学生的成绩后，就会自动通知学生的家长。 在整个案例中，学生所在的班级为信号中心，老师为发布者，家长为订阅者 Vue 的自定义事
Vue发布订阅消息
yh_zeng2的博客
04-07 743
本案例我们使用pubsub-js第三方库实现消息的发布订阅。
Vue发布订阅模式实现过程图解
10-15
主要介绍了Vue发布订阅模式实现过程图解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
前端Vue之发布订阅模式
weixin_44178497的博客
12-26 3680
前端vue之发布订阅模式
Vue原理之观察者模式（发布订阅模式）实现单向数据流
最新发布
MRDONG1的博客
05-06 2228
观察者模式中如果是发布订阅模式，就会具备三个东西。
Vue中的发布订阅模式
AlgorithmHero的博客
08-12 960
在 Vue 中，“发布订阅模式” 通常指的是 Vue 实例之间或者组件之间通过事件系统进行通信的一种设计模式。Vue 使用了发布订阅模式来解耦组件之间的通信，使得不同组件可以在不直接引用彼此的情况下进行通信。这种通信方式可以通过 Vue 的内置事件系统来实现。通过这种方式，你可以在不直接修改父子组件关系或引入全局变量的情况下，实现组件之间的通信。在这个示例中，子组件 A 通过 $emit 发送消息，子组件 B 通过 $on 监听消息，当消息被发送时，子组件 B 接收并显示消息内容。
vue 发布订阅者模式
nickelLove的博客
04-10 729
EventBus 是一个 Vue.js 实例，可以在任何组件中使用 $emit() 方法发布事件，也可以使用 $on() 方法订阅事件。除了 $emit() 和 $on() 方法，EventBus 还提供了其它方法来管理事件，例如 $off() 方法可以取消订阅事件，$once() 方法可以订阅一次性事件等等。总之，Vue.js 的发布订阅者模式是一个非常强大的工具，可以让不同的组件之间进行松散耦合的通信，提高应用程序的可维护性和扩展性。
Vue响应式原理探究之“发布-订阅”模式
weixin_42296161的博客
08-26 3182
在面试题中经常会出现与“发布订阅”模式相关的题目，比如考察我们对Vue响应式的理解，也会有题目直接考验我们对“发布订阅”模式或者观察者模式的理解，甚至还会有一些手写算法题。笔者就在今年三月参加某安全公司的面试时被要求手写代码实现“发布订阅”模式，当时由于没有准备没有回答上来，悔不该当初。由此可见“发布订阅”模式是一个非常重要的设计模式，接下来我们一起学习下吧。...
发布订阅模式在vue中的实际运用实例详解
10-16
订阅发布模式定义了一种一对多的依赖关系，让多个订阅者对象同时监听某一个主题对象。这篇文章主要介绍了发布订阅模式在vue中的实际运用,需要的朋友可以参考下
把酒言欢话聊天，基于Vue3.0+Tornado6.1+Redis发布订阅模式打造实时通信聊天系统.zip
01-03
主要技术包括Vue3.0、Tornado6.1以及Redis的发布订阅模式。接下来，我们将详细探讨这些技术及其在聊天系统中的应用。 首先，Vue3.0是前端框架的最新版本，它提供了性能优化、组件设计改进和更灵活的API。Vue3引入了...
「Vue系列」之Vue2的数据劫持、发布订阅者模式、diff算法
码农的博客
06-25 2681
Vue双向绑定（数据劫持，发布订阅者模式，diff算法） 最近一段时间自己找点东西学习，因为面试vue双向绑定问的挺多的，就想去深入研究一下本质原理，说是本质也不算，就是看了看别人的研究总结一点自己的看法和理解。 数据劫持 首先想实现双向绑定，肯定要先知道数据的变化，这时候应该怎么做？就是使用一个方法进行数据劫持。这个方法就是Object.defineProperty()。 介绍一下这个方法： O...
从Vue层面 - 解析发布订阅模式和观察者模式区别
铁锤妹妹的博客
07-26 2728
观察者模式和发布订阅模式作为日常开发中经常使用到的模式，我一直不能做到很好的区分。最近在看Vue的源码，里面设计到了观察者模式，比较感兴趣，就去学习了下，这里做个总结吧。
vue2响应式原理----发布订阅模式
qq_42931285的博客
04-13 1061
vue2响应式原理----发布订阅模式
vue发布订阅模式,发布订阅模型
瓜皮伦的博客
10-05 839
他定义了对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于他的对象都将得到通知。
vue发布订阅者模式(观察者模式)
qq_48546536的博客
04-17 263
Vue数据响应式系统总体来说分为两步：1、劫持数据；2、将数据改变要触发的回调函数与数据关联起来。observe 函数的功能就是劫持数据，让数据在被读取时收集依赖，在改变时触发依赖。如果数据为纯对象，则将其属性转变成访问器属性；如果数据是数组类型，则通过重写能够改变自身的方法来实现。对象添加、删除属性以及数组通过直接赋值的方式改变并不会触发依赖，这时要使用 Vue.set()、Vue.delete() 方法来操作。Dep 函数是用来生成盛放依赖的容器。
Vue订阅发布模式
记录每日学习的知识&技术
01-16 453
需要注意的是，Vue的订阅发布模式主要用于组件之间的通信，而不是全局事件的发布和订阅。如果你需要在整个应用程序范围内进行全局事件管理，可以考虑使用Vue的事件总线或其他状态管理工具（如Vuex）来实现。Vue.js是一个流行的JavaScript框架，它提供了一种名为"观察者模式"的订阅发布模式（也称为发布-订阅模式或事件模型）来管理组件之间的通信。通过这种方式，你可以在Vue组件之间进行松耦合的通信，实现数据的传递和操作。这个机制允许你在一个组件中定义自定义事件，并在其他组件中监听并响应这些事件。
Vue消息订阅与发布
m0_67685218的博客
05-13 350
概念：消息订阅与发布的设计思想可以理解为人类社会中的报纸订阅与发布，报纸订阅社先发布报纸，由人类的订阅者接收报纸的原理，整个任务分为订阅者和发布者，A组件想要接收B组件的消息内容，那么A组件此时的角色为订阅者，B组件为消息发布者，A组件订阅者需要提前订阅消息名称以及消息回调接收B组件的消息内容，方法为Pubsub.subscribe，向B组件发送订阅消息，B组件发布消息方法为Pubsub.publish，消息方法名必须一致，以下传递学生姓名案例。2、School组件创建订阅者消息。
vue进阶-消息的订阅与发布
weixin_40017062的博客
07-13 2273
pubsub消息发布订阅适用于任何组件间通信，非常好用
深入Vue原理_全面剖析发布订阅模式
热门推荐
官方推荐
05-25 4万+
文章目录发布订阅模式优化优化思路思考理解发布订阅模式(自定义事件)收集更新函数触发更新函数6.5 总结总结写在最后 上节中我们提到下方更新的问题：无法做到精准更新 <div id="app"> <p v-text="name"></p> <p v-text="age"></p> <p v-text="name"></p> </div> <script> let data = {
vue的发布订阅者模式
09-12
值得注意的是，与传统的观察者模式不同，Vue的发布-订阅模式中，发布者完全不需要感知订阅者，也不需要关心订阅者如何实现回调方法。事件的注册和触发都是通过一个独立于双方的第三方平台（事件总线）来进行的，这样...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值