vue keep-alive未设置max导致页面加载越来越慢

不断的打开关闭待测页面, 观察内存的情况 待测页面是一个多页签编辑页面, 根据不同的id做keep-alive缓存,

开始时候的内存, 每次新开一个不同id的多页签编辑页面, 内存上升大约80M 新打开一个多页签编辑页面,内存上升大约80MB, 关闭当前页面再次打开同id的页面, 内存上升不明显, 因为这是从缓存中激活, 不会重新占用内存去缓存; 又新打开一个不同id的多页签编辑页面(历史没有被打开过), 需要占用内存去缓存该页面,所以内存又上升了大约80M,关闭当前多页签编辑页面, 内存不回收, 因为当前多页签编辑页面还存在内存中

所以当打开了很多的多页签编辑页面,内存中就缓存了很多份,故导致内存不断上涨,优化方式, 1. 设置keep-alive最大值max,keep-alive的max默认值是Infinity 2. 或者每次关闭多页签的时候,清除当前页面的缓存

当内存达到3000MB是页面点击反应慢

相关推荐
ziyue757526 分钟前
vue修改element-ui的默认的class
前端·vue.js·ui
程序定小飞2 小时前
基于springboot的在线商城系统设计与开发
java·数据库·vue.js·spring boot·后端
BumBle3 小时前
uniapp 用css实现圆形进度条组件
前端·vue.js·uni-app
Komorebi_99993 小时前
Vue3 + TypeScript provide/inject 小白学习笔记
前端·javascript·vue.js
二十雨辰4 小时前
vite性能优化
前端·vue.js
明月与玄武4 小时前
浅谈 富文本编辑器
前端·javascript·vue.js
FuckPatience5 小时前
Vue 与.Net Core WebApi交互时路由初探
前端·javascript·vue.js
aklry6 小时前
elpis之学习总结
前端·vue.js
FuckPatience7 小时前
Vue ASP.Net Core WebApi 前后端传参
前端·javascript·vue.js
Komorebi_99998 小时前
Vue3 provide/inject 详细组件关系说明
前端·javascript·vue.js