vue项目中的内存泄漏

vue中内存泄漏的问题

Q：前几天项目遇到了一个问题，访问页面导致内存不断上涨。

A：原因是在跳转路由销毁页面的时候，并没有释放内存。

接下来就开始查找资料，去排查到底是哪部分的问题，导致内存不释放。

以下链接就是帮助我排查的资料：

面试题：什么是内存泄漏？内存溢出？ - 知乎

一个Vue页面的内存泄漏分析 - 简书

谈一谈我在前端开发的时候遇到的过的内存泄漏 - 简书

4种JavaScript内存泄漏浅析及如何用谷歌工具查内存泄露 - 简书

万恶的前端内存泄漏及万善的解决方案「详解」_More_Action的博客-CSDN博客

iview select 内存泄漏_Vue遇到的内存泄漏排查处理_笑技的博客-CSDN博客

vue踩坑总结 & 优化点 - FIONA-SUN - 博客园

chrome内存泄露（一）、内存泄漏分析工具_c11073138的博客-CSDN博客_chrome memory分析

vue安装插件指定版本_madman-CSDN博客

！！！需要注意的是，如果没有预期的现象（放上去2s显示节点信息等），

就卸载掉高版本的谷歌浏览器，下载一个谷歌低版本（68及以下的即可）

如果熟悉之后还是找不到内存泄漏的点，那就要适当的转换方法了，
不一定是代码的错误，可以适当找一下插件的问题

最终！！！

当我用以上的办法始终找不到问题所在的时候，发现了一个很无语的问题

导致内存泄漏的竟然是iview（view-design）组件！！！！！！

之前就有点怀疑这个组件。

我把全局引入的iview注释掉之后，神奇的发现内存涨的没那么快了也没那么高了。

然后我就抱着怀疑的态度去升级了版本

npm update view-design

本来4.0.2的版本，更新为4.5.0就没有问题了。

我是真的无语，几天下来竟然问题出在这里。

但是也很开心，作为一个小菜鸡，竟然会找到导致内存泄漏的原因。

最后，还有引发的一个问题就是，升级了控件版本之后，样式也乱掉了。。。。。。调样式中------