类似的界面，类似的功能，类似的实现方式。以下分别为使用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版本一模一样的版本再对比看下了！
未完待续， 期待我的最终结果吧!
网友评论