Vue的消息订阅与发布

已于 2022-05-23 00:36:22 修改
阅读量278 收藏
点赞数
分类专栏： Vue 文章标签： vue.js react.js webpack
于 2022-05-23 00:35:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40733968/article/details/124919048
版权

提示：本文主要对Vue的消息订阅与发布进行比较详细的讲述

文章目录

前言

提示：这里可以添加本文要记录的大概内容：

本篇文章将对Vue的消息订阅与发布进行比较详细的讲述

提示：以下是本篇文章正文内容

消息订阅与发布

1、工作模型

在这里插入图片描述

2、pubsub-js

在这里插入图片描述
在这里插入图片描述

3、实现案例

实现把学生名给School组件

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

订阅时的函数里有两个参数

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

做一个收尾工作

在这里插入图片描述

4、this问题

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

当前this是unfidend是由于，引入了第三方js库导致的

在这里插入图片描述

在这里插入图片描述
或者：
在这里插入图片描述
在这里插入图片描述

5、总结

在这里插入图片描述

6、TodoList案例_pubsub

在这里插入图片描述
app.vue订阅
在这里插入图片描述
MyItem.vue发布
在这里插入图片描述

pigpigpi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue消息订阅与发布
m0_67685218的博客
05-13 353
概念：消息订阅与发布的设计思想可以理解为人类社会中的报纸订阅与发布，报纸订阅社先发布报纸，由人类的订阅者接收报纸的原理，整个任务分为订阅者和发布者，A组件想要接收B组件的消息内容，那么A组件此时的角色为订阅者，B组件为消息发布者，A组件订阅者需要提前订阅消息名称以及消息回调接收B组件的消息内容，方法为Pubsub.subscribe，向B组件发送订阅消息，B组件发布消息方法为Pubsub.publish，消息方法名必须一致，以下传递学生姓名案例。2、School组件创建订阅者消息。
Vue 消息的订阅与发布
半夏_2021的博客
06-23 936
Vue 消息的订阅与发布
[Vue]消息的订阅与发布
emmmm.....
10-18 1049
1. 消息的订阅与发布 1.1 简介 1.2 pubsub-js 1.2.1 安装 1.2.2 引入 1.2.3 订阅消息 1.2.4 发布消息 1.2.5 取消订阅 2. 消息的订阅与发布实现组件通信 3. 消息的订阅与发布 总结
Vue——消息的订阅与发布
mantou_riji的博客
07-20 2524
一种组件间通信的方式，适用于。//订阅消息，编写回调函数。（A是订阅者，B是发布者）2.发布消息︰消息内容。1.订阅消息∶消息名。
Vue发布订阅模式实现过程图解
10-15
主要介绍了Vue发布订阅模式实现过程图解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
发布订阅模式在vue中的实际运用实例详解
10-16
订阅发布模式定义了一种一对多的依赖关系，让多个订阅者对象同时监听某一个主题对象。这篇文章主要介绍了发布订阅模式在vue中的实际运用,需要的朋友可以参考下
vue使用stompjs实现mqtt消息推送通知
10-19
它采用“发布者”向“主题”发布消息，“订阅者”订阅特定主题并接收消息的模式。 Stompjs是一个JavaScript库，它提供了一个简单的文本协议——STOMP（Simple (or Streaming) Text Oriented Messaging Protocol）的...
vue进阶-消息的订阅与发布
weixin_40017062的博客
07-13 2278
pubsub消息发布订阅适用于任何组件间通信，非常好用
vue消息订阅与发布
qq_52981021的博客
08-24 907
消息订阅与发布
Vue中消息订阅和发布（pubsub）
aYao__的博客
03-06 411
消息的订阅与发布：组件订阅消息，等待组件发布消息（可带参数）后，执行订阅消息后面的回调函数，完成组件间通信 安装并使用： 首先通过npm安装对应库 npm i pubsub-js 在App.vue中引入库 import pubsub from 'pubsub-js' 使用方法： // 消息发布 pubsub.publish('publishName,params) //订阅消息 this.xxx = pub...
vue中的消息订阅与发布
最新发布
weixin_51660483的博客
04-03 377
pubsub.subscribe('数据题目', (messageName, message) =>{}返回的是当前订阅对象的id。subscribe 方法用于订阅一个特定的消息，当有消息发布时，会调用一个回调函数。主要点:pubsub.publish("title", "今天又多学了一点");1.2： PublisherComponent.vue的代码。1.弊端：需要依赖第三方库，本文采用pubsub-js库。一.用处：用于组件之间数据的传递。一.用处：用于组件之间数据的传递。
Vue 消息订阅与发布
m0_57154890的博客
06-15 485
Vue 消息订阅与发布
一.vue 消息订阅和发布(pubsub-js)
爱菜鸟高高飞
07-22 866
,},
Vue-消息订阅与发布
Laollaoaolao的博客
09-08 224
1.定义 1.一种组件间通信方式，适用于任意组件间通信 2.使用步骤： ​ 1.安装pubsub: npm i pubsub-js ​ 2.引入: import pubsub from ‘pubsub-js’ ​ 3.接收数据：A组件想接收数据，则在A组件中订阅消息,订阅的回调留在A组件本身 methods:{ hello(){ console.log("school组件发布的消息成功传输到student组件中了"); } }, m
vue的响应式原理 发布与订阅
03-27
Vue的响应式原理是通过发布与订阅模式实现的。当一个 Vue 实例被创建时，Vue 会对其数据进行劫持，即在访问和修改数据时进行拦截，并在数据发生变化时自动更新视图。 具体来说，Vue 会为每个响应式的数据对象添加一...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值