最近在研究vue.js，总体来说还算可以，但是在web开发群里有一些人问在单文件组件开发模式中非父子组件如何传值的问题，今天在这里讲讲，希望对大家有所帮助！

在官网api中的这段讲解很少，也很模糊；官网中说明如下：

非父子组件通信：

有时候两个组件也需要通信 (非父子关系)。在简单的场景下，可以使用一个空的 Vue 实例作为中央事件总线：

那么这一段在单文件组件开发模式中具体怎么用呢？

首先在main.js中加入data,如下：

如何获取到这个空的vue对象 bus呢.在组件里面直接调用这个this.$root