在Uni中使用Vue的EventBus总线机制操作
更新时间：2020年07月31日 10:46:12 作者：磐石BedRock
这篇文章主要介绍了在Uni中使用Vue的EventBus总线机制操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
首先我们要使用的EventBus事件总线，能够做到兄弟组件，或者不是父子关系的页面达到数据相互传递的效果
一种做法是在main.js中创建事件总线
创建完$EventBus后，就可以直接在页面中使用事件总线的方法来发送和接收事件了
第二种做法：封装事件总线
使用的时候直接引入就可以了
补充知识：vue里使用EventBus解决兄弟组件间的传递信息
①初始化
import Vue from 'vue'
export const EventBus = new Vue();
②在需要的调用其他组件的页面：
EventBus.$emit ( '自定义函数', 传参 );
③被调用的页面：
EventBus.$on ( '自定义函数', (接收参数) => {
执行你需要执行方法
}
④总结
EventBus的使用场景像是一种广播，当我们向EventBus发送一个事件，则该事件将会传递给多个该事件的订阅者。
1.解耦合(轻松的实现系统间解耦)
2.高性能可扩展（每一个事件都是简单独立且不可更改的对象，只需要保存新增的事件，不涉及其他的变更删除操作）
3.系统审计（每一个事件都是不可变更的，每一个事件都是可追溯的）
以上这篇在Uni中使用Vue的EventBus总线机制操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Nuxt.js是一个基于Vue.js的框架,结合Serverless架构,Nuxt.js可以让你构建高度可扩展、成本效益高的无服务器应用,具有一定的参考价值,感兴趣的可以了解一下2024-08-08
vue-resource 拦截器interceptors使用详解
这篇文章主要介绍了vue-resource 拦截器interceptors使用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
本文主要介绍了Vue3封装自动滚动列表指令(含网页缩放滚动问题），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
这篇文章主要介绍了vue elementui form表单验证的实现,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
这篇文章主要介绍了vue中的公共方法调用方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
在现代前端开发中,组件的重用性和异步加载是提升用户体验和优化性能的关键因素,在Vue 3中,创建异步组件变得更为便利,本文将探讨如何在Vue 3中使用setup语法糖来创建异步组件,感兴趣的小伙伴跟着小编一起来看看吧2024-09-09
这篇文章主要介绍了Vue组件实现卡片动画倒计时示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
Vue中关闭当前页面的方法与原生JavaScript类似,都是通过window对象的close方法实现,这篇文章主要介绍了Vue关闭当前页面的方法,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了vue项目base64转img方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了vueCl如何 查看打包后文件的大小占比问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
最新评论