组件之间的通信（通用）

Colwyn在Flickr上的照片

沟通很重要，尤其是邻里沟通😎让我们收集组件之间的沟通方法。

我记得当我跳到Angular的时候，在开发过程中，我不得不找到在组件之间进行通信的最佳方法。 在Angular中，我们可以调度事件（$ emit，$ broadcast），在React中使用Redux等。每个框架都有自己的方法，但是无论框架，Web组件如何，我们都有通用的解决方案。 所以，让我们收集它们。

我们将谈论邻里交流😎

自订活动

自定义事件是调度事件和侦听的好方法。 您应该从目标Element ， Document和Window监听事件，但是目标可以是支持事件的任何对象（例如XMLHttpRequest ）。 它不适用于IE，但为此我们提供了Polyfill解决方案。

因此，自定义事件服务将如下所示：

交流阶段：

发布/订阅

“发布/订阅”模式鼓励我们认真考虑应用程序不同部分之间的关​​系。

发布/订阅模式保存一个TOPIC名称和对回调的引用。 发布主题时，它将调用回调。

Custom自定义事件与发布/订阅之间的区别

回调未订阅特定事件。 每个有效负载都分派给每个注册的回调。

看DOM树

交流的另一种方式是观察DOM的变化。 您可能会观察到节点元素的更改（属性，childList，characterData），并且当DOM发生更改时，观察者将调用指定的回调函数。

👏 感谢您的阅读。 提出建议，意见，想法 👍

如果您喜欢，拍手，在 medium ， twitter ， github 上关注我 ， 与您的朋友分享 😎

From: https://hackernoon.com/communication-between-components-7898467ce15b