Vue 组件内存滞留的问题

2019-08-19 13:30:28 +08:00
 monster
一个基于 Vue 全家桶的项目,路由切换后,内存中会滞留很多 VueComponent,不是泄漏式的不断增加,而是固定的数量。表现有时还挺奇怪,比如一个不会滞留的页面,只要点了 @click (绑的空方法),就会滞留,想知道是哪些情况导致的组件没有销毁,依然滞留在内存中? 因为项目页面很多,这种情况又很普遍,导致操作久了内存占用很大。
2292 次点击
所在节点    程序员
8 条回复
jeodeng
2019-08-19 13:54:51 +08:00
用了 keep-alive ?
orzorzorzorz
2019-08-19 14:21:59 +08:00
善用 chrome devtool 里的 Performance 跟 Memory,调优全靠这俩,盲猜都是耍流氓
monster
2019-08-19 14:34:01 +08:00
@jeodeng 没有
monster
2019-08-19 14:37:02 +08:00
@orzorzorzorz 是用 Memory Heap snapshot,但我不知道为什么出现这样的问题,因为也不是泄漏
redbuck
2019-08-19 15:13:52 +08:00
有哪里类似
new Vue(...);
这种操作吗
一般是搞个弹窗之类的.完了又没销毁
monster
2019-08-19 15:36:45 +08:00
@redbuck 没有,这种会造成内存泄漏,切换路由内存不断增长。
lamada
2019-08-19 18:49:23 +08:00
不看代码不好说,举个例子,也可能某个对象持有了该实例的引用
youbai
2019-08-29 15:10:23 +08:00
我也遇到这个问题,现在有解决方案吗

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/593122

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX