vue和react内存占用差别这么大吗?

类似的界面,类似的功能,类似的实现方式。以下分别为使用ant-design-vue, element-ui, ant-design实现的swagger-ui-theme.

基于Ant-Design-Vue实现(VUE版本),内存占用情况:

image.png

特点: Ant-Design-Vue内存占用比elementui稍小, 但菜单很多时, 菜单的展开与收缩卡顿严重, 几乎到了不可用的地步

基于Element-UI实现(VUE版本), 内存占用情况:

image.png

特点: Element-UI内存占用相对Ant-Design-Vue来说稍多一点, 即使菜单数据很多,菜单的展开与收缩依然比较流畅

基于Ant-Design实现(React版本[基于dva和umijs框架]), 内存占用情况:

image.png

特点: Ant-Design内存占用最少,并且是少很多的那种, 即使菜单数据很多, 菜单的展开与收缩都是比较流畅的

内存占用从低到高

Ant-Design < Ant-Design-Vue < Element-UI

流畅度从高到低

Ant-Design > Element-UI > Ant-Design-Vue

疑惑

网上不是大片的说, vue的性能优于react吗?为什么我实现之后的效果对比这么大?

有了解的人吗?可以为我解答一下吗?

看来只有再使用react实现一个和vue版本一模一样的版本再对比看下了!

未完待续, 期待我的最终结果吧!

你可能感兴趣的:(vue和react内存占用差别这么大吗?)