请问vue性能问题如何排查?

在vue界面打开后渲染cpu使用飙到120左右,有的时候更高。 虽然使用不慢,但是cpu占用太高,风扇一直疯狂转。

里面内嵌了20多个子组件(图表、列表、详情等),全局挂载了echarts vcharts, 用了 20多个echarts图表,全局用了elementUI,使用了高德地图加L7,地图数据3000多条. 然后注册了10多个全局组件。 用了一部分watch 监控。

如果build后 cpu消耗会好一半。 后来发现如果echarts重复渲染 有少量的原因。

但是 实现想不通这么耗性能,以前做的vue项目非常轻松的。

请问,为何 这么占cpu,电脑耗电也非常快。2小时以内就耗光了。有什么排查方案吗?感谢!

可视化组件,UI框架,大量数据加载 ,采用懒加载和局部加载,路由懒加载,胡斐万不得已,否则不要用预加载。
可视化组件用外链,不要引入项目,否则bundle大到你怀疑人生