因为在自己的项目不需要类似Vuex这样的库来处理组件之间的数据通信,所以使用了事件总线存储了电话进线的数据,反复操作之后,导致内存暴涨,页面卡死,所以使用该方法的时候要特别注意,特此记录一下. 使用场景:非父组件通信时,可以向该中心注册发送事件或接收事件,需要的到总线取值就行 注意点:该方法 ...
在之前我们只用过父传子,子传父进行传数据,这时候当组件嵌套比较深或比较复杂的情况,这时候就用到了事件总线 EventBus 如何理解事件总线呢,你可以理解为用来传输数据的一条线 注意点:有组件发布事件后 剩余的所有组件都可以进行监听事件 一 使用EventBus . 创建事件总线 main.js import Vue from vue 创建事件总线 就相当于创建了一个新的vue实例const bu ...
2022-02-23 15:45 0 988 推荐指数:
因为在自己的项目不需要类似Vuex这样的库来处理组件之间的数据通信,所以使用了事件总线存储了电话进线的数据,反复操作之后,导致内存暴涨,页面卡死,所以使用该方法的时候要特别注意,特此记录一下. 使用场景:非父组件通信时,可以向该中心注册发送事件或接收事件,需要的到总线取值就行 注意点:该方法 ...
EventBus的简介 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件,所以组件都可以上下平行地通知其他组件,但也就是太方便所以若使用不慎,就会造成难以维护的灾难,因此才需要更完善 ...
Vue 3 中如何优雅的使用eventBus(事件总线) 如果你刚开始使用Vue3,很可能会发现,原本用得得心应手的eventBus突然不灵了。 因为Vue3不再提供$on与emit函数,Vue实例不再实现事件接口。官方推荐引入外部工具实现,或者自己手撸一个事件类 api变更文档 ...
EventBus的简介 eventBus主要运用于兄弟组件通信 今天主要介绍eventBus实现组件通信,这种方法主要是非父子组件,兄弟之间的组件通信。 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心 ...
EventBus的简介 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件,所以组件都可以上下平行地通知其他组件,但也就是太方便所以若使用不慎,就会造成难以维护的灾难,因此才需要更完善 ...
最近公司项目碰到一个问题,就是$on $off的用法问题 是这么封装的(因为是用的qiankun,eventbus挂载到window上了)。 export async function getPatients(fn) { window.eventBus ...
1.$on 事件的订阅 $on(eventName,callback) 参数1:事件名称 参数2:事件函数 判断当前事件名称是否存在,如果不存在则创建一个key值为事件名称 value为一个数组 将callback push到数组中 const eventList ...
1、父传子 传递:当子组件中在父组件中当做标签使用的时候,给子组件绑定一个自定义属性,值为需要传递的数据 接收:在子组件内部通过pro ...