刘贵学博客

夯实Vue系列 Demo 4 组件通讯:Global Bus

上文中的 Demo1、Demo2 与 Demo3 分别讲述了 父子组件通讯方法:
* 父 -> 子,属性;
* 子 -> 父,事件;
* 双向绑定, v-model

那普通组件的通讯是以什么方式进行的呢?

其实跟 Emit方式类似,只是我们用了一个全局Vue对象最为事件Bus来传递和接受消息。

示例代码如下:

Demo3 代码

组件通讯:Global Bus

源码可下载:

https://coding.net/u/guixue/p/vue-starter/git/commit/b19c249b927b393ef73de7

运行结果