iview内存泄漏

iview在升级到view-design之前,是存在严重的内存泄漏问题的,而如果你在项目中大量使用了iview组件,就可能面临大量的升级工作要做,因为样式很多是不兼容的。

我们今天就看一下iview的源码,看看到底问题在哪里?为什么会导致内存泄漏?

内存泄漏的产生

首先进入iview官网https://iview.github.io/,安装老版iview2.0。

复制代码
npm install iview -S

我们看一下常用的table组件吧:


1.png

我们可以看到,在beforeDestory周期中,只释放了挂载的resize事件,并未释放this下注册的自定义事件on-visible-change,这就会导致运行一段时间,this下挂载的自定义事件越来越多,从而导致内存的泄漏。

我们再看看升级后的view-design:


2.png

可以看到,作者已经将这个漏洞堵住了。类似的问题大家可以在其他组件找到,老版iview2.0有大量这类的问题,通过this.$on方法注册的自定义事件都没释放。

beforeDestroy

我们一定要重视beforeDestroy生命周期的作用,将dom的引用、所有注册的事件都要释放掉,防止内存泄漏的产生。
最后编辑于:2025-04-21 10:55:09
© 著作权归作者所有,转载或内容合作请联系作者

喜欢的朋友记得点赞、收藏、关注哦!!!

相关推荐
渔舟唱晚@36 分钟前
深度解析:Vue.js 性能优化全景指南(从原理到实践)
前端·vue.js·性能优化
小彭努力中43 分钟前
13.THREE.HemisphereLight 全面详解(含 Vue Composition 示例)
开发语言·前端·javascript·vue.js·深度学习·数码相机·ecmascript
spencer_tseng1 小时前
gradle eclipse [.project .classpath .settings]
java·ide·eclipse·gradle
VinfolHu2 小时前
【JAVA】数据类型与变量:深入理解栈内存分配(4)
java·开发语言
多多*3 小时前
SQL语句练习 自学SQL网 多表查询
数据库·数据仓库·hive·hadoop·sql·mysql·mybatis
有梦想的攻城狮3 小时前
spring中的@Configuration注解详解
java·后端·spring·configuration·配置类
red_redemption3 小时前
Spring Boot + MyBatis-Plus 的现代开发模式
java·spring boot·mybatis
Kay_Liang4 小时前
探究排序算法的奥秘(下):快速排序、归并排序、堆排序
java·数据结构·c++·python·算法·排序算法
maomi_95264 小时前
Mysql之数据库基础
数据库·mysql