前端开发小技巧$eventBus

vue组件间通信之兄弟组件通信（$EventBus）

最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。

传递方：eventBus.$emit('fnName',this,data) 接收方：eventBus.#on('fnName',function(data) {}) 在assets中创建eventBus.js文件 import Vue from 'vue' const eventBus = new Vue() export default eventBus 在传递方和接收方都引入eventBu...

vue 事件总线前言EventBus的简介EventBus的使用一、初始化二、向EventBus发送事件 前言 vue组件中的数据传递最最常见的就是父子组件之间的传递。父传子通过props向下传递数据给子组件；子传父通过$emit发送事件，并携带数据给父组件。而有时两个组件之间毫无关系，或者他们之间的结构复杂，如何传递数据呢？这时就要用到 vue 中的事件总线 EventBus的概念 EventB...

前端vue2中全局事件EventBus的使用方法

Event Bus是一个全局的Vue实例，用作事件中心，允许组件通过它发送和监听事件。这种方式特别适用于需要跨多个层级的组件进行通信的场景，或者是没有父子关系的组件间通信。

一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】分享一些前端面试题以及学习路线给大家。

原文：https://lwebapp.com/zh/post/event-bus 介绍 Event Bus 事件总线，通常作为多个模块间的通信机制，相当于一个事件管理中心，一个模块发送消息，其它模块接受消息，就达到了通信的作用。 比如，Vue 组件间的数据传递可以使用一个 Event Bus 来通信，也可以用作微内核插件系统中的插件和核心通信。 原理 Event Bus 本质上是采用了发布-订阅的设计模式，比如多个模块 A、B、C 订阅了一个事件 EventX，然后某一个模块 X 在事件总线发布了这个事件，

引言Redux 核心概念Store（仓库）State（状态）Action（动作）Reducer（规约器）安装与初始化示例代码示例一：定义 Action示例二：编写 Reducer示例三：合并 Reducers示例四：连接 Store 和组件功能使用思路1. 状态管理2. 异步操作3. 模块化和可测试性实际工作中的使用技巧结语return {return {Redux 为复杂的前端应用提供了一套强大而灵活的状态管理方案。

vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过 props 向下传数据给子组件，当子组件有事情要告诉父组件时会通过 $emit 事件告诉父组件。今天就来说说如果两个页面没有任何引入和被引入关系，该如何通信了？如果咱们的应用程序不需要类似Vuex这样的库来处理组件之间的数据通信，就可以考虑Vue中的 事件总线 ，即EventBus来通信。EventBus 又称为事件总线。

EventBus是一款针对于Android优化的发布-订阅事件总线。它优化了各组件、组件与后台之间的通信，可以用于代替广播实现通信。文章介绍了EventBus的基本使用方法

EventBus是一个基于发布者/订阅者模式的事件总线框架。 1、概述 （Android EventBus）事件总线，简化了活动、碎片、线程、服务等之间的通信，代码少、效率高。 2、EventBus是一种优化了的发布/接受事件的总线。 3、EventBus的优点 （1）解耦和简化Activities, Fragments等组件以及后台线程之间的通信，分离事件发送方和 接收方 使得代码更简洁，避免...

Event Bus是一种基于发布-订阅模式的通信机制，常用于模块之间的解耦。它是 Node.js 各模块的基石，同时也是前端组件通信的重要手段之一。：通过实现页面与 Service Worker 之间的通信。适合离线缓存和后台任务场景。' });});：允许多个页面共享一个 Worker 实例，用于跨页面通信。' });WebSocket：用于实时通信，适合需要服务器参与的场景。' }));IndexedDB：虽然主要用于存储，但也可以通过轮询或监听变化实现通信。' });

在全局事件总线出现之前，如果说子组件想要给父组件传递数据，交互信息时，需要通过给子组件绑定自定义事件，再借用函数来实现组件间的交互，比较麻烦！全局事件总线是一种组件间通信的方式，适用于任意组件间通信。全局事件总线并不是插件，配置文件等等，事件总线是程序员在做Vue开发中总结积累的一套方法，是一套规则，只要满足这套规则，就可以实现组件间的通信。 实现途径：需要满足两点要求，一要全局事件都能看见，二，再绑定全局对象on,on,on,off,$emit。首先在main文件里面实现，全局可见。 即利用vue中最重要