如何实现Vue中跨组件通信的多种方法详解？

本文共计773个文字，预计阅读时间需要4分钟。

目录 + 概述 + 思路要清晰 + 实现要高效 + 测试效果 + 优化 + 总结 + 概述 + 我们都知道。xxx.$on 可订阅一个消息。xxx.$emit 可发布一个消息。xxx.$off 可取消订阅一个消息。思路要清晰，这个过程涉及订阅、发布、取消订阅。

目录

• 概述
• 思路要清晰
• 实现要迅猛
• 测试效果
• 优化
• 总结

概述

我们都知道。

xxx.$on可以订阅一个消息。

xxx.$emit可以发布一个消息。

xxx.$off可以取消订阅一个消息。

思路要清晰

这个过程涉及到的几个概念。

订阅过程：

消息，肯定要区分，来个name。

消息也要有事做，来个handler。

一堆消息，要有地方放，来个arr。

订阅时，交代叫什么name，干什么handler。

发布过程：

发布时，交代叫什么，来个name。

发布也可能有一些参数，来个param。

发布时，交代叫什么name，传递参数param。