Vue组件中非父子如何实现跨组件传值？

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

前言：若想了解非父子关系的组件传值，最好是先理解父传子和子传父的基础。在此基础上，再来理解非父子关系的传值可能会更有深入的思路。

因为非父子关系的传值是通过定义事件总线来实现的，它代表了一种事件驱动的方式，来模拟父子组件之间的通信。

前言：

如果想要了解非父子关系的组件传值，最好是在了解父传子和子传父的基础上在来了解非父子传值可能会有更透彻的思路。

因为非父子传值是通过定义事件总线来代理实现父传子+子传父从而实现的传值方式。

这是我总结的父子传值相关的知识，可供参考:www.jb51.net/article/121806.htm

然后大概回顾一下父子传值的过程:

根据上述信息可知，如果两个组件需要传递值那么需要这两个组件之间是父子关系才能传递数据。

那么如果有这样一个组件，既可以帮你传递数据，又可以帮你接收数据该多好啊？

于是乎，一个叫事件总线的概念出现了，它就可以帮助实现你想要的这些功能。

了解事件总线之前，需要先看下两个重要的方法。