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

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

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

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

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

相关推荐
前端小白从0开始2 小时前
Vue3项目实现WPS文件预览和内容回填功能
前端·javascript·vue.js·html5·wps·文档回填·文档在线预览
難釋懷2 小时前
Vue解决开发环境 Ajax 跨域问题
前端·vue.js·ajax
挑战者6668883 小时前
vue入门环境搭建及demo运行
前端·javascript·vue.js
程序猿ZhangSir5 小时前
Vue3 项目的基本架构解读
前端·javascript·vue.js
亲亲小宝宝鸭6 小时前
写了两个小需求,终于搞清楚了表格合并
前端·vue.js
Face6 小时前
路由Vue-router 及 异步组件
前端·javascript·vue.js
风之舞_yjf7 小时前
Vue基础(14)_列表过滤、列表排序
前端·javascript·vue.js
疯狂的沙粒8 小时前
uni-app 项目支持 vue 3.0 详解及版本升级方案?
前端·vue.js·uni-app
Lhuu(重开版8 小时前
Vue:Ajax
vue.js·ajax·okhttp
国家不保护废物9 小时前
从刀耕火种到现代框架:DOM编程 vs Vue/React 进化史
前端·vue.js·react.js