Loading [MathJax]/jax/input/TeX/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >vue如何使用中央事件总线?事件总线是什么?

vue如何使用中央事件总线?事件总线是什么?

原创
作者头像
用户8715145
发布于 2022-03-07 09:08:25
发布于 2022-03-07 09:08:25
8810
举报

中央事件总线的运用在我们的工作中应该非常常见了,如果两个组件的关系不是父子组件,并且两者之间需要进行通信,那么一般就会使用中央事件总线。那么,vue如何使用中央事件总线?我们将在下文做一个简单介绍,希望可以帮助大家解决这一问题。

vue如何使用中央事件总线?

1、首先创建一个中央事件总线,具体创建的方法有很多种,各位可以选择自己熟悉的方式创建即可。

2、中央事件总线创建完毕以后,接下来就是进行传值。传值的方法也非常简单,可以先在A组件中进行事件的发射,发射以后就可以在另一个B组件中接收到这个组件。这里面需要注意的是,两个组件的关系是什么并不重要,是父子组件或者兄弟组件都是可以的。

3、事件接收以后,就可以将事件的监听全部移除。如果只提供了事件,将事件中存在的监视器全部移除,如果事件和回调都有,只移除回调所在的监视器即可,如果没有任何参数,需要将所有的事件监听器移除。

事件总线是什么?

其实这个问题我们已经在上文做了简单的介绍。当两个组件的关系非父子组件关系,这种情况下也需要进行通信,那么事件总线就是解决办法。两个组件之间的通信可以通过一个空的vue实例连接起来,这里空的vue实例担当了桥梁的作用。中央事件总线指的就是这个vue实例。

vue如何使用中央事件总线?以上就是为各位整理的相关方法。中央事件总线在我们工作中确实变得越来越常见,因此我们应该掌握它的使用方法。不过在使用之前,我们还是应该对它的原理和定义有所认识。更多疑问,也欢迎大家与我们进行讨论。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
作者已关闭评论
暂无评论
推荐阅读
编辑精选文章
换一批
vue事件总线怎么使用?事件总线有什么好处?
两个组件之间是需要有通信功能的,如果两个组件之间是有关系的,例如父子关系组件,父组件可以直接向下传输数值给子组件,子组件也可以向上传输事件。如果两个组件之间没有引入和被引入的关系,就可以使用事件总线。事件总线起到的就是传输介质的作用,充当了桥梁。那么,vue事件总线怎么使用?
用户8715145
2022/03/10
5510
事件总线指的是什么?事件总线如何使用?
比较常见的组件通信方式有父子组件通信和兄弟组件通信,两个组件是有着引入和被引入关系。如果两者之间没有任何引入关系,就可以使用事件总线来达到通信的目的。到底事件总线指的是什么?我们将在下文做一个介绍。
用户8715145
2022/03/18
1.1K0
vue里如何用事件总线?事件总线为何受欢迎?
如果两个组件之间的关系是父子组件,那么父组件可以使用很简单的方式对子组件进行传输数值。如果两个组件之间的关系非父子组件,那么我们一般会使用事件总线。在vue中使用中央事件总线的频率是非常高的,那么vue里如何用事件总线呢?如果感兴趣可以阅读下文内容。
用户8715145
2022/03/07
3130
vue什么是bus事件总线?事件总线怎么操作?
在vue中,我们经常会提及到中央事件总线,也会经常提及bus,其实这两者是同样的意思,中央事件总线实际上就是以bus命名的空实例,里面是没有内容的。我们可以把中央事件总线看做是一个桥梁,也可以把它看作是一个运输工具,它可以将两个组件的信息相互传输,传输完毕以后自己是不产生任何信息数值的。vue什么是bus事件总线?下文会有更详细的介绍。
用户8715145
2022/03/07
5750
vue - 组件间通信 之 中央事件总线bus
中央事件总线 - 就是一个名字可以叫做bus的vue空实例,里边没有任何内容; var bus = new Vue(); 人如其名,她就像一个公交车一样,来回输送人,将a站点的A输送到b站点,再将b站点的B输送到a站点; 这里a,b站点就像父、子组件,也像兄、弟组件,或者像两个没有任何亲戚关系的任何组件; 而A,B就像是各个组件内部要传输的数据或者要执行的命令信息,靠bus来通信。 如果有父子组件通信知识基础的,应该记得当初父子组件通信,父组件中用$on监听,子组件中用$emit发射。 现如今父子组件(或任
xing.org1^
2018/05/17
2.1K2
vue 事件总线EventBus的概念、使用以及注意点
vue组件中的数据传递最最常见的就是父子组件之间的传递。父传子通过props向下传递数据给子组件;子传父通过$emit发送事件,并携带数据给父组件。而有时两个组件之间毫无关系,或者他们之间的结构复杂,如何传递数据呢?这时就要用到 vue 中的事件总线 EventBus的概念
@零一
2021/01/29
1.6K0
vue 事件总线EventBus的概念、使用以及注意点
vue事件总线怎么做?vue事件绑定原理是什么?
vue作为有多种组件通信方式,例如我们都熟知的兄弟组件通信和父子组件通信。在两个页面有引入或者被引入关系的时候可以使用上述的两种通信组件。但是如果没有这些关系,vue事件总线怎么做呢?下文将会有一个介绍。
用户8715145
2022/03/10
5340
webapi事件总线是什么?事件总线如何实现?
关于组件的通信方式我们都知道是有很多种的,有一种通信方式叫做事件总线,它的通信方式功能更为强大,可以对两个非父子关系或者兄弟关系的组件进行通信。webapi事件总线是我们也经常会遇到的,那么webapi事件总线是什么呢?下面将会有一个详细的介绍,各位可以继续阅读下文。
用户8715145
2022/03/10
3920
事件总线的原理是什么?事件总线如何使用?
我们都知道在vue组件中有很多通信方式,例如我们都熟知和常见的父子组件通信和兄弟组件通信。在其中还有一种功能非常强大的通信方式,可以做到跨组件通信,那就是事件总线。事件总线的原理是什么呢?下文将会有一个详细的介绍,请阅读下文。
用户8715145
2022/03/18
1.2K0
Vue事件总线(EventBus)使用详细介绍
vue组件非常常见的有父子组件通信,兄弟组件通信。而父子组件通信就很简单,父组件会通过 props 向下传数据给子组件,当子组件有事情要告诉父组件时会通过 $emit 事件告诉父组件。今天就来说说如果两个页面没有任何引入和被引入关系,该如何通信了?
Javanx
2019/09/04
2K0
Vue事件总线(EventBus)使用详细介绍
事件总线是否要为单例模式?事件总线如何使用?
组件之间的通信方式有很多种,父子关系组件或者兄弟关系组件之间的通信很方便,但如果是非父子或兄弟关系组件之间想要沟通,则可以通过事件总线来实现。另外我们都知道单例模式是非常简单的一种模式,属于窗帘型模式,创建对象时会经常用到。那么事件总线是否要为单例模式?该问题下文会有一个详细介绍。
用户8715145
2022/03/18
4090
在vue中如何使用中央事件总线?vue是做什么的?
很多从事前端工作的人都知道,中央事件总线可以作为简单的组件进行数据之间的传递,从而解决组件与组件之间的通信难题。如果将其封装成一个vue的插件,就可以在所有的组件之间任意使用而不需要导入事件总线了,是不是很方便呢?那么在vue中如何使用中央事件总线?一起来看看下文是如何介绍的。
用户8715145
2022/03/25
2.8K0
vue事件总线怎么用?事件总线分为哪几步?
父子组件之间的通信传输非常常见,但如果脱离了父子组件这种关系,则需要运用其他的方式进行传输数值,这时候需要使用bus,那么这种方式我们就成为vue事件总线。今天主要为大家介绍vue事件总线怎么用,希望通过下文的介绍可以让大家迅速了解事件总线的用法。
用户8715145
2022/03/10
4010
分布式事件总线怎么设置权重?事件总线如何操作?
组件之间的通信方式有很多种,除了我们熟知的父子关系组件以外,还有一种事件总线通信方式,该通信方式相对来说功能更加强大,相当于建立了一个通信的桥梁。今天为大家介绍的是分布式事件总线怎么设置权重,如果有兴趣了解,可以继续阅读下文。
用户8715145
2022/03/10
3960
聊一聊如何在Vue中使用事件总线( Event Bus)进行组件间通信
跨通信是应用程序中组件之间的交互。这有助于应用程序的不同部分之间的顺畅协作。其重要性体现在以下几个方面:
前端达人
2023/10/21
1.4K0
聊一聊如何在Vue中使用事件总线( Event Bus)进行组件间通信
vue中使用中央事件总线bus 原
    vue中父组件向子组件传值使用props,非父子组件间传值时可以使用事件总线,或者使用vuex,来看下事件总线的例子。
克虏伯
2019/04/15
8640
vue中使用中央事件总线bus
                                                                            原
怎么在弹框里调事件总线?事件总线是什么?
想必各位对事件总线应该有一定的了解了,它在我们运维工作中还是非常重要的。它可以实现不同组件之间的通信,实现解藕。关于事件总线实际上还有很多隐藏的功能,今天为各位介绍怎么在弹框里调事件总线,如果有兴趣可以阅读下文。
用户8715145
2022/03/25
3040
VUE父子组件之间的传值,以及兄弟组件之间的传值;
vue使用中,经常会用到组件,好处是: 1、如果有一个功能很多地方都会用到,写成一个组件就不用重复写这个功能了; 2、页面内容会简洁一些;方便管控; 子组件的传值是通过props来传递数据,$emit来触发事件; 下面是一个简单的子组件props传值: 父组件的部分:
全栈程序员站长
2022/08/29
2.4K0
VUE父子组件之间的传值,以及兄弟组件之间的传值;
TTP事件总线的全称是什么?事件总线优势是什么?
关于事件总线大家应该比较了解了,特别是运维小伙伴应该会经常接触到它。事件总线实际上就是一种组件之间的通信机制,可以帮助组件进行沟通,充当了桥梁的作用。TTP指的是一种常见的通信协议,它可以帮助实现总线,如今已经具有非常成熟的商业性质。接下来为大家详细介绍TTP事件总线的全称是什么,请继续阅读。
用户8715145
2022/03/07
1.2K0
Vue之全局事件总线和消息订阅与发布
之前我们实现了子组件向父组件传递数据,很明显,这是不够的,看完这篇博客,无论哪两个组件之间传递和接收数据都没有问题!
程序狗
2021/12/14
7900
推荐阅读
相关推荐
vue事件总线怎么使用?事件总线有什么好处?
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文