Vue中Peer组件的总线通信方式
在SPA中，经常采用组件化开发的方式，其中父子组件可以使用@xxx和$emit的方式进行通信，但是兄弟组件(如图中第三层的任意两个组件)间的通信，则需要使用总线进行通信。即观察者设计模式。
示例如下：
开始页面上有两个child组件，通过父组件传入不同的值分别具有不同的内容，现在想要实现的功能是，点击任意一个组件，使另一个组件变成与自己相同的内容。
在代码中可以看出，这两个组件是同级的组件，所以需要引入总线实现通信。
最终效果:
在SPA中，经常采用组件化开发的方式，其中父子组件可以使用@xxx和$emit的方式进行通信，但是兄弟组件(如图中第三层的任意两个组件)间的通信，则需要使用总线进行通信。即观察者设计模式。
示例如下：
开始页面上有两个child组件，通过父组件传入不同的值分别具有不同的内容，现在想要实现的功能是，点击任意一个组件，使另一个组件变成与自己相同的内容。
在代码中可以看出，这两个组件是同级的组件，所以需要引入总线实现通信。
最终效果: