V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
monster
V2EX  ›  程序员

Vue 组件内存滞留的问题

  •  
  •   monster · 2019-08-19 13:30:28 +08:00 · 2314 次点击
    这是一个创建于 1947 天前的主题,其中的信息可能已经有所发展或是发生改变。
    一个基于 Vue 全家桶的项目,路由切换后,内存中会滞留很多 VueComponent,不是泄漏式的不断增加,而是固定的数量。表现有时还挺奇怪,比如一个不会滞留的页面,只要点了 @click (绑的空方法),就会滞留,想知道是哪些情况导致的组件没有销毁,依然滞留在内存中? 因为项目页面很多,这种情况又很普遍,导致操作久了内存占用很大。
    8 条回复    2019-08-29 15:10:23 +08:00
    jeodeng
        1
    jeodeng  
       2019-08-19 13:54:51 +08:00
    用了 keep-alive ?
    orzorzorzorz
        2
    orzorzorzorz  
       2019-08-19 14:21:59 +08:00
    善用 chrome devtool 里的 Performance 跟 Memory,调优全靠这俩,盲猜都是耍流氓
    monster
        3
    monster  
    OP
       2019-08-19 14:34:01 +08:00
    @jeodeng 没有
    monster
        4
    monster  
    OP
       2019-08-19 14:37:02 +08:00
    @orzorzorzorz 是用 Memory Heap snapshot,但我不知道为什么出现这样的问题,因为也不是泄漏
    redbuck
        5
    redbuck  
       2019-08-19 15:13:52 +08:00
    有哪里类似
    new Vue(...);
    这种操作吗
    一般是搞个弹窗之类的.完了又没销毁
    monster
        6
    monster  
    OP
       2019-08-19 15:36:45 +08:00
    @redbuck 没有,这种会造成内存泄漏,切换路由内存不断增长。
    lamada
        7
    lamada  
       2019-08-19 18:49:23 +08:00
    不看代码不好说,举个例子,也可能某个对象持有了该实例的引用
    youbai
        8
    youbai  
       2019-08-29 15:10:23 +08:00
    我也遇到这个问题,现在有解决方案吗
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4108 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 05:27 · PVG 13:27 · LAX 21:27 · JFK 00:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.