Vue-全局事件总线_vue 全局事件总线，面试题+笔记+项目实战总结: 函数式编程其实是一种编程思想，它追求更细的粒度

总结:

函数式编程其实是一种编程思想，它追求更细的粒度，将应用拆分成一组组极小的单元函数，组合调用操作数据流；
它提倡着纯函数 / 函数复合 / 数据不可变，谨慎对待函数内的状态共享 / 依赖外部 / 副作用；

Tips:

其实我们很难也不需要在面试过程中去完美地阐述出整套思想，这里也只是浅尝辄止，一些个人理解而已。博主也是初级小菜鸟，停留在表面而已，只求对大家能有所帮助，轻喷🤣；

我个人觉得: 这些编程范式之间，其实并不矛盾，各有各的 优劣势。

理解和学习它们的理念与优势，合理地 设计融合，将优秀的软件编程思想用于提升我们应用；

所有设计思想，最终的目标一定是使我们的应用更加 解耦颗粒化、易拓展、易测试、高复用，开发更为高效和安全；

开源分享：docs.qq.com/doc/DSmRnRG…

从上面的原理图我们知道，给x绑定事件通过 $.on,触发事件通过$ .emit，此外还有解绑事件$.off，这就要求x身上具有这些东西，并且得让每一个组件都能看到它，才能充当好任意组件通信桥梁的作用

具有 $on，$ emit，$off等

每一个组件都能看到它

条件第二条：全局事件总线一定要让vc或者vm访问得到，结合之前学过的组件间的内置关系，vc可以访问到Vue原型上的属性和方法，vm毋庸置疑的也可以，所以Vue原型可以让vc和vm都访问到

VueComponent.prototype.proto === Vue.prototype

第一条： $on，$ emit，$off这三个方法也在Vue原型对象上，所以，我们的全局事件总线就要放在Vue的原型对象（vue.prototype）上，以确保每个组件都能访问得到

二、安装全局事件总线

new Vue({

.....

beforeCreate(){

Vue.prototype.$bus = this //安装全局事件总线，this就是当前应用的vm

}

})

三、使用全局事件总线

1.接收数据：A组件想接收数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件自身

methods(){

demo(data){...}

}

mounted(){

this. $bus.$ on('xxx',this.demo)

}

2.提供数据：谁发送数据谁触发‘xxx’事件

this. $bus.$ emit('xxx',数据)