app.vue
<template>
<div id="app">
<head-bar></head-bar>
<nav-bar></nav-bar>
<router-view></router-view>
</div>
</template>
用了elementUI,还有echarts,切换navbar内存不断增加,居高不下,这是什么原因,怎么去分析?
我用了vue-echarts这个库里面是有销毁操作的,其中有个chart是我自己写的在最后进行了销毁操作:
beforeDestroy() {
if (this.lossAnalysisChart && !this.lossAnalysisChart.isDisposed()) {//判断图形已初始化,且未销毁
this.lossAnalysisChart.clear();// //释放图形资源
this.lossAnalysisChart.dispose();// //释放图形资源
}
}
devtools 里的memory工具该如何使用呢?有什么好的教程吗?
比较容易想到的情况是 echarts 实例没有正确销毁。可以通过 dev tool 中的 memory 功能来分析内存消耗情况。