在React中，组件之间的通信是一个非常重要的话题。当我们构建复杂的应用程序时，经常需要不同的组件之间共享数据或者进行相互协作。React提供了几种方式来实现跨组件通信

比起Vue实例上的EventBus，mitt.js好在哪里呢？首先它足够小，仅有200bytes，其次支持全部事件的监听和批量移除，它还不依赖Vue实例，所以可以跨框架使用，React或者Vue，甚至jQuery项目都能使用同一套库。

比起 Vue 实例上的 EventBus，mitt.js 好在哪里呢？首先它足够小，仅有200bytes，其次支持全部事件的监听和批量移除，它还不依赖 Vue 实例，所以可以跨框架使用，React 或者 Vue，甚至 jQuery 项目都能使用同一套库。

在日常工作中，你可能会遇到同源页面间通信的场景。针对这种场景，我们可以使用 localStorage 和 storage 事件来解决同源页面间通信的问题。除此之外，我们还可以使用 Broadcast Channel API 来解决该问题

都知道组件是vue最强大的功能之一，vue中每一个.vue我们都可以视之为一个组件，通信指的是发送者通过某种媒体以某种格式来传递信息到收信者以达到某个目的。广义上，任何信息的交通都是通信

在日常工作中，消息通信是一个很常见的场景。比如大家熟悉 B/S 结构，在该结构下，浏览器与服务器之间是基于 HTTP 协议进行消息通信：

javascript 通信协议是一个伪协议, 用于指定 URL 为 JavaScript 代码，对于 Chrome 浏览器来说, 如果最后一条 JavaScript 语句的值为字符串

ajax 轮询实现原理：ajax 轮询指客户端每间隔一段时间向服务端发起请求，保持数据的同步。优点：可实现基础（指间隔时间较短）的数据更新。

场景：当A页面打开B页面，在B页面操作后，A页面需要同步变更数据时,如果是需要A打开B的同时向B中发送数据时

两个页面 A、B，B 页面关闭时，通知 A 页面请求接口刷新列表页，使用 storage 事件实现页面通信，约定好通信的 key，这里我们假定 key 为 refresh_list

Service Worker 很棒。它们使 Web 开发人员可以实现以前原生应用专有的类似功能。这类功能是例如推送通知或后台同步的离线功能。它们是渐进式 Web 应用的核心。但是在设置它们之后

数据通信在开发中是必不可少的一个环节，也是我们必须掌握的知识。知道得越多的数据通信方式，实现业务会更加得心应手，下面我将这些通信方式归类介绍：

使用场景：1、兄弟组件的通信，父子组件的通信;2、不同路由的通信.针对兄弟组件的通信，父子组件的通信，在需要通信的组件中引入bus.js，一个组件触发事件，另一个组件监听事件

特别需要注意： 这个公共服务需要在同一个注册器下，比如在root注册器下，如果不在可能会出现订阅不到的问题

数据单向流动prop react也是一样prop ； $emit / $on （任意组件间传递）创建个空的组件，来作eventbus 用来触发及监听事件 ；vuex 牛刀集中式存储管理应用的所有组件的状态