在前端开发中，消息通信是非常重要的一部分。而 messagy 是一个轻量级的 npm 包，可以帮助我们在不同的组件之间传递消息，极大的提高了组件之间的通信效率和便捷性。
安装 messagy
在开始使用 messagy 之前，我们需要将它安装到我们的项目中。在命令行中，输入以下命令即可完成安装：
npm install messagy --save
使用 messagy
使用 messagy 首先需要在我们的项目中引入它：
import Messagy from 'messagy';
发送消息
接下来我们可以通过以下代码在一个组件中发送消息：
Messagy.send('messageType', { messageData });第一个参数是消息的类型，可以是任意类型的字符串。第二个参数是消息的数据内容，可以为任意类型的数据，包括字符串、数字、对象等等。
接收消息
接收消息的代码如下：
Messagy.on('messageType', (message) => {
// 处理 message 数据
});第一个参数是消息的类型，需要和发送消息时的类型相同。第二个参数是一个回调函数，当 Messagy 接收到该类型的消息时，就会调用这个回调函数，并将消息中的数据作为参数传入。
注意：一定要在组件销毁前解除事件绑定，否则会造成内存泄漏。
componentWillUnmount() {
Messagy.off('messageType');
}示例
下面是一个示例，通过 messagy 在一个组件中发送消息，并在另一个组件中接收消息并做出相应的处理。
-- -------------------- ---- -------
-- -------
------ ------- ---- ----------
----- --------------- ------- --------------- -
------------- -
--------------------------- - ------------ ------- --------- ---
-
-------- -
------ -
------- ----------------------------------------
--
-
-
-- -------
------ ------- ---- ----------
----- ----------------- ------- --------------- -
------------------ -
-------------
---------- - -
-------- ---
--
------------------ - ------------------------------
-
---------------------- -
--------------- -------- ------------------- ---
-
------------------- -
------------------------- --------------------
-
---------------------- -
---------------------------
-
-------- -
------ -
-----
----------------------------------
------
--
-
-总结
使用 messagy 可以很方便地实现组件之间的通信，非常适用于中大型项目的开发。但在使用时需要注意解绑事件，避免内存泄漏问题的产生。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f3f1d8e776d08040be4