原文:Vue事件总线(EventBus)、$on、$emit、$off

在之前我们只用过父传子,子传父进行传数据,这时候当组件嵌套比较深或比较复杂的情况,这时候就用到了事件总线 EventBus 如何理解事件总线呢,你可以理解为用来传输数据的一条线 注意点:有组件发布事件后 剩余的所有组件都可以进行监听事件 一 使用EventBus . 创建事件总线 main.js import Vue from vue 创建事件总线 就相当于创建了一个新的vue实例const bu ...

2022-02-23 15:45 0 988 推荐指数:

查看详情

vue 事件总线eventBus的使用详解

因为在自己的项目不需要类似Vuex这样的库来处理组件之间的数据通信,所以使用了事件总线存储了电话进线的数据,反复操作之后,导致内存暴涨,页面卡死,所以使用该方法的时候要特别注意,特此记录一下. 使用场景:非父组件通信时,可以向该中心注册发送事件或接收事件,需要的到总线取值就行 注意点:该方法 ...

Fri May 29 02:11:00 CST 2020 0 793
vue篇之事件总线EventBus

EventBus的简介 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件,所以组件都可以上下平行地通知其他组件,但也就是太方便所以若使用不慎,就会造成难以维护的灾难,因此才需要更完善 ...

Fri Jan 15 22:14:00 CST 2021 0 658
Vue 3 中如何优雅的使用eventBus事件总线

Vue 3 中如何优雅的使用eventBus事件总线) 如果你刚开始使用Vue3,很可能会发现,原本用得得心应手的eventBus突然不灵了。 因为Vue3不再提供$on与emit函数,Vue实例不再实现事件接口。官方推荐引入外部工具实现,或者自己手撸一个事件类 api变更文档 ...

Sat Nov 06 00:57:00 CST 2021 0 3881
Vue事件总线EventBus)使用详细介绍

EventBus的简介 eventBus主要运用于兄弟组件通信 今天主要介绍eventBus实现组件通信,这种方法主要是非父子组件,兄弟之间的组件通信。 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心 ...

Thu Jan 21 23:09:00 CST 2021 0 718
vue篇之事件总线EventBus

EventBus的简介 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件,所以组件都可以上下平行地通知其他组件,但也就是太方便所以若使用不慎,就会造成难以维护的灾难,因此才需要更完善 ...

Tue Oct 20 01:59:00 CST 2020 0 1229
Vue eventBus $on与$off

最近公司项目碰到一个问题,就是$on $off的用法问题 是这么封装的(因为是用的qiankun,eventbus挂载到window上了)。 export async function getPatients(fn) { window.eventBus ...

Tue Feb 02 23:13:00 CST 2021 0 549
vue封装 $on、$emit、$off

1.$on 事件的订阅 $on(eventName,callback) 参数1:事件名称 参数2:事件函数 判断当前事件名称是否存在,如果不存在则创建一个key值为事件名称 value为一个数组 将callback push到数组中 const eventList ...

Fri Aug 02 21:31:00 CST 2019 0 880
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM