AI 助理
备案控制台
文章 2024-10-30 来自：开发者社区

Vue3 中使用 Event Bus

在 Vue3 项目中，Event Bus（事件总线）是一种常用的通信方式，它可以在不同组件之间实现简单而高效的通信。 一、Event Bus 的基本概念 Event Bus 是一种集中式的事件管理机制，它允许不同的组件之间发送和接收事件。在 Vue3 中，可以通过创建一个简单的对象来实现 Event Bus。 二...

文章 2024-09-14 来自：开发者社区

Vue3 使用 Event Bus

在 Vue2 中，创建 Event Bus 如下： export const bus = new Vue() bus.$on(...) bus.$emit(...) 在 Vue3 中，Vue 不再是构造函数，而是 Vue.createApp({}) 返回一个没有 $on、$emit 和 $once 方法的对象。 根据官方文档 Vu...

文章 2024-04-16 来自：开发者社区

vue组件通信及eventBus销毁、侦听处理

Bus.js import Vue from 'vue' export default new Vue() ...

文章 2023-10-13 来自：开发者社区

Vue组件数据共享EventBus实现

在使用框架开发中，我们会经常接触到组件这个东西，组件通信也是组件中经常接触到的， 组件通信的方案有很多，我们今天来实现一下EventBus组件通信方式EventBus被称为事件总线，我们可以把他当做组件通信的中央集中站，我们通过注册，发送，接收事件等方法实现组件的互相沟通，不过我们需要注意的是，由于EvnentBus中注册，接收，发送等方法无法捕获事件来源或去向，所以很容易造成难以维护的惨状。E....

文章 2023-07-14 来自：开发者社区

vue3中的event bus

vue3中的event bus前言vue2中的event busevent bus在vue3中的体现创建一个vue3的event bus封装的event bus最优使用场景前言event Bus在vue3中事实上已经被删除了，因为官方说它可能会导致一些潜在的问题。如，在大型项目中使用 Event Bus 可能会变得难以维护和调试，同时也可能会影响应用程序的性能。此外，在 Vue 3.x 中已经有....

文章 2023-01-15 来自：开发者社区

eventBus的使用场景 -- vue组件通信系列

eventBus的使用场景 -- vue组件通信系列vue 组件的数据通信方式很多，本篇着重讲eventBus。先说下，要是多层级组件复杂的通信，优先vuex，不复杂的可以用下eventBus。eventBus就是一个普通对象，以发布订阅模式管理事件，代码逻辑如下：Vue.prototype.$bus = { events: {}, $on(eventName, fn) { ev...

文章 2023-01-05 来自：开发者社区

Vue中 EventBus 的使用，如何实现Vue中的EventBus

vue 中兄弟组件或者多级组件之间的通讯，是比较麻烦的，这个时候呢，我们就可以使用 EventBus 来实现我们想要的业务，但是面试的时候又经常会被问到，或者让写出 EventBus，所以就来探索一下一、Vue中如何使用 EventBus？1.  初始化时全局定义        import Vue from 'vue' // main.js 中....

文章 2022-09-05 来自：开发者社区

vue中使用EventBus

创建EventBus.jsimport vue from 'vue' export const EventBus = new Vue()创建两个,没什么关系的组件(目的A组件向B组件发送消息)在A组件和B组件都引入EventBusA组件向B组件发送消息EventBus.$emit('msg','A往B发消息')B组件接收A组件的消息EventBus.$on('msg',(arg)=>{ .....

文章 2022-06-13 来自：开发者社区

Vue 2.x折腾记 - (18) 用Vue的Inject Provide结合Event Bus来实现局部的状态维护

前言原型有个东西，看着是几个功能组件的组合体；想拆分成对应的组件(全部写在一起是贼恐怖的事情)，又不想用Vuex这类来实现。那最终的方案就是Vue的eventbus了, 这只是一种方案的实现。具体业务请具体分析是否可以用这个来维护多组件数据的通讯！效果图只展示部分功能，实际原型要复杂的多；原型大体是这样的实现原理其实就是各个组件独立维护自己的状态，组件的默认值从外部传入；而内部通过watch在i....

Vue 2.x折腾记 - (18) 用Vue的Inject Provide结合Event Bus来实现局部的状态维护
文章 2022-02-17 来自：开发者社区

Vue自定义组件事件传递：EventBus部分

前言 组件化应用构建是Vue的特点之一，因此我们在Vue的实际开发过程中会经常需要封装自定义组件，以提高开发的效率。 而组件在大部分情况下并不会孤立的存在，它必然会与父组件和兄弟组件产生数据的交互。所以在这里为大家总结两种组件数据交互的方式：EventBus和利用Vuex框架进行状态管理。 我会通过两种不同的交互方式，它们对于父子组件间数据交互和兄弟组件间数据交互。 由于篇幅关系，本文主要介...

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

VUE.js您可能感兴趣

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。

+关注