vue非父子组件通信 （两个不同的组件通信）

对于刚刚接触vue，还不是很熟悉的朋友，比如我，真的就懵逼了。怎么用？

下面是我自己的实例代码：

这里需要说明一下，我是安装vue脚手架进行开发的，不是直接引入vue.js。

1.首先要建立一个中转站：eventBus.js 建议放在assets文件夹下面，内容很简单，引入vue并且导出即可。

2.第二步，就是在你当前组件，就是需要触发事件的那个组件里面先引入eventBus.js，不引入怎么用呢？

接下来就是要在methods里面去触发了。我自己是将它放在函数里，在其他事件中触发它。

3.最后一步就比较简单了，在你需要展示效果的另一个组件页面去监听它即可，监听要注意必须在生命周期函数created中。

当然，别忘了引入eventBus.js。

好了，内容就这么多，个人感觉已经很清晰了。如果对上面的change有疑问，不用太在意，就是一个触发事件的媒介，你换成点击还是hover都可以。

非父子组件就先这样了，接下来得去学习父子组件了，说出来你不信，我整个项目都没用父子组件传递数据，全程params传参。