E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
pubsub-js
vue2基础组件通信案例练习:把案例Todo-list改成使用消息订阅与发布
App.vueimportpubsubfrom'
pubsub-js
'methods:{//删除一个tododeleteTodo(_,id){this.todos=this.todos.filter(todo
·
2025-01-16 15:27
微信小程序-npm扩展工具包
pubsub-js
(用于组件间的通信)miniprogram-computed(扩展计算属性)mobx-miniprogram-bindings(扩展统一状态管理仓库)mina-request(网络请求工具包
勿语&
·
2024-03-12 11:57
npm
微信小程序
Vue-46、Vue消息订阅与发布
2、使用步骤安装pubsubnpmipubsun-js引入:importpubsubfrom'
pubsub-js
'引入:接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的回调函数留在A组件自身。
一叶飘零晋
·
2024-02-01 02:29
vue
vue.js
前端
javascript
react通信方式之---发布订阅
可以借助于一个第三方库
pubsub-js
来进行消息的订阅与发布,具体使用方式如下:第一步:项目中下载pubsub-jsnpmipubsub-js-S第二步:项目中使用2.1导入pubsubimportpubsubfrom'pubsub
颜色不一样的烟火_ac0f
·
2024-01-31 15:25
Vue2:使用
pubsub-js
实现组件间通信
现在,再学习一个第三方库
pubsub-js
,消息订阅与发布的方式来实现组件间通信。
生产队队长
·
2024-01-22 03:38
前端
javascript
前端
开发语言
vue学习(41)消息订阅与发布
知识点消息订阅与发布是一种理念,实现它需要具体的第三方库,比如在angular中我们常用的rxjs,在这里讲的是使用
pubsub-js
这个库。一种组件间通信的方式,适用于任何组件间通信。
哆啦C梦的百宝箱
·
2024-01-20 15:15
Vue学习笔记4---消息订阅与发布(
pubsub-js
)
1.一种组件间通信的方式,适用于任意组件间通信。在实际应用中还是全局事件总线用得多。2.使用步骤:安装第三方的订阅与发布库pubsub:npmipubsub-js接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身methods:{getStudentName(msgName,data){console.log('有人发布了hello消息,hello消息的回调执行了!',ms
jxncxgx
·
2024-01-16 08:21
前端
Vue
javascript
vue.js
学习
微信小程序 -订阅发布模式
图形展示:代码展示:1.安装模块pubsub-jsnpmipubsub-js--save2.导入模块(在需要订阅发布的js页面内进行导入)importPubSubfrom'
pubsub-js
'注:在微信小程序中无法直接
开心点啦.
·
2023-12-14 22:57
微信小程序
小程序
vue-消息订阅与发布
消息订阅与发布这第三方库,可以让组件之间相互通信安装如下://这是我们选择的库npmipubsub-js需要订阅和发布的组件导入这个包importpubfrom'
pubsub-js
'shool.vue/
tutututudou
·
2023-12-03 14:54
vue---消息订阅与发布(pubsub)
一种组件间通信的方式,适用于任意组件间通信使用步骤:安装pubsub:npmipubsub-js引入:importpubsubfrom'
pubsub-js
'接收数据:A组件想接收数据,则在A组件中订阅消息
小巨要做一个很棒的人
·
2023-12-02 07:19
Vue2.0
vue.js
前端
自定义
PubSub-js
发布订阅
PubSub-js
语法解析
PubSub-js
的语法:1.tokensubscribe(msgName,callback):订阅消息,并返回一个标识token2.publish(msgName,data)
楚金_86e4
·
2023-11-25 05:23
Vue学习笔记-消息订阅与发布(pubsub)
消息订阅与发布(pubsub)一种组件间的通信方式,适用于任意组件间通信使用步骤:1.安装pubsub第三方库npmipubsub-js2.在组件中引入importpubsubfrom'
pubsub-js
theLuckyLong
·
2023-11-16 09:03
vue.js
学习
笔记
Vue3中的组件通信方式
、v-model父向子通信4、refs子向父通信5、provide/inject父向子、兄弟之前通信6、eventBus父向子通信(Vue3移除)【官方推荐使用mitt或tiny-emitter,使用
pubsub-js
JackieChan_
·
2023-11-13 17:42
vue3
vue.js
javascript
前端
使用
pubsub-js
进行消息发布订阅
npm包地址github包地址
pubsub-js
是一个轻量级的JavaScript基于主题的消息订阅发布库,压缩后小于1b。它具有使用简单、性能高效、支持多平台等优点,可以很好地满足各种需求。
z止于至善
·
2023-11-10 22:38
前端架构
前端
消息订阅发布
vue.js
pubsub-js
消息的订阅与发布机制
我用的是
pubsub-js
库,其他的第三方库也可以使用,没有具体的限制。
南瓜骨头
·
2023-11-03 12:17
Vue
vue
前端框架
前端
javascript
pubsub.js消息的发布订阅
消息的发布订阅组件间数据的传递方式props,一层一层传递消息的发布订阅,当嵌套层数比较多,可以用此工具库下载$npminstallpubsub-js--save使用//导入importPubSubfrom"
pubsub-js
Arale_zh
·
2023-10-31 00:11
学习笔记:Vue任意组件间通信----消息订阅与发布
目录一.因为消息订阅发布不是原生js和Vue自带的,所以需要下载第三方库二引入
pubsub-js
三订阅消息四发布消息五取消订阅(解绑)六总结一.因为消息订阅发布不是原生js和Vue自带的,所以需要下载第三方库通过
前端小白先生
·
2023-10-29 19:40
vscode
javascript
vue常用之任意组件间通信“消息订阅与发布“
使用步骤:安装pubsub:npmipubsub-js引入:importpubsubfrom'
pubsub-js
'接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身。
空投在我怀里
·
2023-10-29 19:10
vue常用
vue.js
javascript
消息的订阅
vue
组件通信
Vue---任意组件间消息订阅与发布(pubsub)
/4PYmQ目录总结工作模型下载库引入库一、任意组件间消息订阅与发布student.vue发布消息重要代码school.vue接收消息重要代码总结工作模型下载库引入库importpubsubfrom'
pubsub-js
我爱布朗熊
·
2023-10-29 19:09
Vue
vue.js
javascript
前端
Vue使用消息订阅与发布实现组件通信
1.消息订阅与发布是组件间通信的一种方式,使用与任意组件间的通信2.使用步骤2.1安装pubsubnpmipubsub-js2.2引入importpubsubfrom''
pubsub-js
'2.3接受数据
*郑*
·
2023-10-29 19:37
前端
vue.js
javascript
前端
消息订阅与发布(任意组件间通信)
订阅消息:消息名发布消息:消息内容需求:把学生名给School安装npmipubsub-js引入School.vueStudent.vueimportpubsubfrom'
pubsub-js
'School.vue
不~困
·
2023-10-29 19:03
Vue学习
javascript
vue.js
前端
vue消息订阅与发布
任意组件之间互相通信1、安装pubsubnpmipubsub-js2、引入pubsub库importpubsubfrom'
pubsub-js
'3、接收数据a组件想接受数据,则在a组件中订阅消息,订阅的回调留在
子命不凡
·
2023-10-29 19:33
vue.js
javascript
前端
Vue任意组件通信之消息订阅与发布(pubsub)
使用步骤:1.安装pubsub:npmipubsub-js2.在发送数据以及接收数据的组件中,引入
pubsub-js
:importpubsubfrom'
pubsub-js
'3.假设有两个组件,分别为组件
天才小熊猫点、
·
2023-10-29 19:30
前端笔记
vue.js
前端
javascript
Vue 消息订阅与发布 (任意组件间通信)
也可以使用这种方法Vue全局事件总线(任意组件间通信)这种比较繁琐安装命令npmipubsub-js全局使用importPubSubfrom'
pubsub-js
'Vue.prototype.
.生产的驴
·
2023-10-29 18:54
vue.js
前端
javascript
React---基础4(组件通讯)
,或者函数2.子传父(不共用状态,各自管理各自的状态)2.1react导入库npminstallpubsub-js--save2.2react页面引入pubsubjsimportPubSubfrom'
pubsub-js
muzidigbig
·
2023-10-27 06:14
React
react
PubSub
组件通讯
props
pubsub-js
在react中的使用
pubsub-js
是一个用于实现发布-订阅模式的JavaScript库,可以用于不同组件之间的通信。在React中,可以使用
pubsub-js
来实现组件之间的通信。
啃火龙果的兔子
·
2023-10-21 23:14
开发DEMO
react
javascript
react.js
开发语言
新增商品(商品维护模块)
7、商品维护:SPU管理、发布商品、商品管理将其它前端页面导入项目pubsubundifined:在src下的main.js添加importPubSubfrom'
pubsub-js
'Vue.prototype.PubSub
✿゚卡笨卡
·
2023-10-11 15:32
java
笔记
springcloud
Vue消息订阅与发布
安装消息订阅与发布安装包npmipubSub-js--save消息发布大学名称是:{{schoolName}}发送importpubSubfrom'
pubsub-js
'exportdefault{name
依米_xx
·
2023-10-09 18:12
vue消息订阅与发布
1.知识点是一种组件间通信的方式,适用于任意组件间通信2.使用步骤“消息订阅与发布”可依赖的第三方很多,这里使用
pubsub-js
库1.安装pubsub:npmipubsub-js2.引入:importpubsubfrom'
pubsub-js
要努力奋斗鸭
·
2023-09-25 04:48
vue.js
前端
javascript
React—兄弟组件数据传递
0x00前言CTF加解密合集CTFWeb合集网络安全知识库溯源相关CISP汇总文中工具皆可关注皓月当空w公众号发送关键字工具获取0x01消息订阅&发布机制使用
pubsub-js
库,可以让两个任意的组件进行消息通信
Wcbddd
·
2023-09-25 00:16
React
react.js
前端
javascript
react兄弟组件之间通信
1.npminstallpubsub-js2.在页面中使用importPubSubfrom'
pubsub-js
'//在接收消息之前需要销毁消息防止多次触发PubSub.unsubscribe('val'
努力站桩的奶酪呦
·
2023-09-16 01:22
react.js
javascript
ecmascript
vue随笔
消息订阅与发布publish(发布)subscribe(订阅)使用:1.安装:npmipubsub-js2.引入:importpubsubfrom'
pubsub-js
'3.接收数据(订阅消息):pubsub.subscribe
胡萝卜的侠客梦all
·
2023-09-14 15:44
react传值的几种方法
pubsub-js
发布订阅importPubSubfrom'
pubsub-js
';//传值PubSub.publish('key','value');//接值PubSub.subscribe('key'
JoJo-Zhang
·
2023-08-29 12:52
react.js
javascript
前端
vue消息订阅与发布,实现任意组件间通讯
命令:npmipubsub-js注意是
pubsub-js
(不是点);第二步:引入库;importpubsubfrom'
pubsub-js
'第三步:订阅消息;第四部:接收消息;总结:
nav-item
·
2023-08-17 02:42
vue.js
前端
javascript
react笔记11(消息订阅-发布机制实现组件通信)
消息订阅(subscribe)-发布(publish)机制实现组件通信工具库:PubSubJs下载:npminstallpubsub-js--save使用:importPubSubfrom‘
pubsub-js
机智的老刘明同志
·
2023-08-10 18:17
小程序用PubSub实现数据传递
package.jsonnpminit2、在开发者工具中勾选允许使用npm3、npm安装PubSubnpminstallPubSub4、构建npm开发者工具——工具——构建npm5、在需传递数据的页面引入importPubSubfrom‘
pubsub-js
uglyduckling0412
·
2023-08-03 01:09
技术档案
其他
小程序
微信
组件通信的方式
1.props:用于父子通信2.自定义事件:@on@emit可以实现子给通信全局时间总线:$bus全能
pubsub-js
:vue中不用全能插槽vuex
止语c
·
2023-07-29 21:42
vue.js
Vue消息订阅与发布
引入第三方库pubsub.js:npmipubsub-jsStudent.vueimportpubsubfrom'
pubsub-js
'methods:{sendStudentName(){//this.
林代码er
·
2023-07-26 02:08
linerVue
vue.js
前端
javascript
gitHub搜索案例
1.创建Search.vuetemplate>SearchGithubUsers Searchimportpubsubfrom'
pubsub-js
'importaxiosfrom'axios'exportdefault
青春、往昔浮流年〞
·
2023-07-20 03:53
vue.js
React组件之间通信
一、消息订阅与发布1-1、安装npminstallpubsub-jsyarnaddpubsub-js1-2、使用A组件importPubSubfrom'
pubsub-js
';componentDidMount
忧郁火龙果
·
2023-07-15 12:45
react.js
前端
前端框架
前端vue入门(纯代码)13
【注意点1】:由于“消息订阅与发布”可依赖的第三方库太多了,这里使用
pubsub-js
问题:“全局事件总线”和“消息订阅与发布”都可以实现任意组件间通信,那用哪个好?
neneduck
·
2023-06-24 08:22
Vue前端
前端
vue.js
javascript
Vue-消息订阅与发布(pub/sub)
subscriber(发布),一般需要数据的人订阅消息,提供数据的人发布消息这个技术非常简单容易上手,主要有以下两步1订阅消息:消息名2发布消息:消息内容想要实现这个功能,原生js不太行,需要借助第三方库,这里推荐
pubsub-js
小花皮猪
·
2023-06-23 13:06
Vue
vue.js
javascript
前端
Vue组件间通信的四种方式(函数回调,自定义事件,事件总线,消息订阅与发布)
目录概述props配置项-回调函数实现自定义事件实现事件总线实现消息订阅与发布实现(
pubsub-js
库)概述在组件化编程中,组件间的通信是重要的,我们可以有四种方式实现组件间的通信。
Mao.O
·
2023-06-23 06:01
Vue
javascript
开发语言
vue.js
pubsub的基本使用
1.在终端进行pubsub的安装npmipubsub-js2.在需要进行传值的位置引入pubsubimportPubSubfrom'
pubsub-js
'3.订阅操作:需要接收值的组件中,在mounted
有梦想的刺儿
·
2023-06-16 14:24
vue.js
前端
javascript
react---pubsub-js消息订阅与发布
1.在线文档:https://github.com/mroderick/PubSubJS2.下载:【npminstallpubsub-js--save】3.使用(1)importPubSubfrom'
pubsub-js
maidu_xbd
·
2023-06-13 02:13
react
react.js
前端
前端框架
小程序中消息订阅与发布
这里是要使用消息订阅与发布npminstallpubsub-js3)这时若是直接引入这个包去使用,控制台会报错,原因是引入的时候路径是相对路径,解决方法是需要构建npmimportPubSubfrom'
pubsub-js
肖肖冲鸭
·
2023-04-20 22:49
微信小程序
小程序
npm
前端
Vue事件总线
1.常见的组件通信方式pros:父组件传子组件自定义事件:子组件传父组件vuex:均可实现插槽:父组件传子组件
pubsub-js
:均可实现(较少用)$bus全局事件总线:均可实现2.事件总线的介绍如果咱们的应用程序不需要类似
Xwzzz_
·
2023-04-18 06:25
项目
html
vue.js
javascript
前端框架
vue的六种通信方式
$bus=this四、
pubsub-js
,在React框架中使用的多,(发布与订阅)适用于:万能五、Vuex适用于:万能六、插槽image.png
纵情向前_c879
·
2022-09-17 10:09
Vue——消息的订阅与发布
消息订阅与发布的实现需要借助第三方库这里使用
pubsub-js
库。安装:npmipubsub-js引入:importpubsubfrom'pu
_洋
·
2022-07-21 09:51
VUE
vue.js
javascript
前端
个人微信小程序云开发总结心得
框架采用移动端常用UI:Vant微信云开发官方文档:微信开发文档相关的npm包导入方法可以看看前期一篇博文:微信小程序如何使用
pubsub-js
实现组件间实时通信以及如何搭建Vant框架>>详解一、微信云开发基本概念以下三行直接就复制官方的了
讷言丶
·
2022-06-16 07:44
前端
微信小程序
小程序
上一页
1
2
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他