纯净、安全、绿色的下载网站

首页|软件分类|下载排行|最新软件|IT学院

当前位置:首页IT学院IT技术

vue:内存泄露 vue:内存泄露详解

闲敲代码赚花花   2021-10-09 我要评论
想了解vue:内存泄露详解的相关内容吗闲敲代码赚花花在本文为您仔细讲解vue:内存泄露的相关知识和一些Code实例欢迎阅读和指正我们先划重点:vue内存,vue内存泄露下面大家一起来学习吧
什么是内存泄露?内存泄露是指new了一块内存但无法被释放或者被垃圾回收new了一个对象之后
它申请占用了一块堆内存当把这个对象指针置为null时或者离开作用域导致被销毁那么这块内
存没有人引用它了在JS里面就会被自动垃圾回收但是如果这个对象指针没有被置为null且代码面
没办法再获取到这个对象指针了就会导致无法释放掉它指向的内存也就是说发生了内存泄露
 
内存泄漏(Memory Leak)是指程序中已动态分配的堆内存由于某种原因程序未释放或无法释放造
成系统内存的浪费导致程序运行速度减慢甚至系统崩溃等严重后果
 
 
 
1、echarts图未彻底删除;
2、setTimeout和setInterval未清除;
3、全局定于变量未清除;
4、侦听器未清除

场景分析


其中全局对象onresize侦听事件应在组价销毁前清除

在这里插入图片描述

重点:在vue中echarts绘图是十分消耗资源的所以在组件销毁前一定要清除对应的数据

在data中定义如下:

在这里插入图片描述

在销毁组件前应进行如下操作:

在这里插入图片描述

vue中1

 

vue中2

3keep-alive

一旦你使用了 keep-alive那么你就可以访问另外两个生命周期钩子:activated和 deactivated如果你想要在一个 keep-alive 组件被移除的时候进行清理或改变数据可以使用 deactivated 钩子

deactivated: function () {
  // 移除任何你不想保留的数据或者销毁可能产生内存泄漏的地方
}

总结

本篇文章就到这里了希望能够给你带来帮助也希望您能够多多关注的更多内容!


相关文章

猜您喜欢

  • vue前端keepAlive详解 vue前端开发keepAlive使用详解

    想了解vue前端开发keepAlive使用详解的相关内容吗guoyp2126在本文为您仔细讲解vue前端keepAlive详解的相关知识和一些Code实例欢迎阅读和指正我们先划重点:vue前端开发,keepAlive使用详解下面大家一起来学习吧..
  • SQL注入与防止及myBaits作用 SQL注入与防止及myBaits基本作用

    想了解SQL注入与防止及myBaits基本作用的相关内容吗guoyp2126在本文为您仔细讲解SQL注入与防止及myBaits作用的相关知识和一些Code实例欢迎阅读和指正我们先划重点:SQL注入与防止SQL注入,myBaits作用下面大家一起来学习吧..

网友评论

Copyright 2020 www.gamerfx.net 【游戏天空】 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 点此查看联系方式