简单组件与原生dom绑定的性能实验

原创
2021/12/14 15:39
阅读数 77

实验目的:

     证明简单组件会带来性能下降。    实验源码在本文底部

测试方法:

  1. 分别需要测试vue2,vue3下的性能差异
  2. 编写最简单的组件,没有任何逻辑。
  3. 组件的最终输出产物和直接dom输出要完全一致.  

测试目标:

1、简单组件:  data中返回msg ,只是模拟组件中,包含一些data数据!

         

2、原生dom :    <div>{{v}}</div>

测试结果:

vue2,性能差10倍左右!

vue3,性能差在10~20倍

 

测试源码:

请克隆源码,安装,调试:    组件与dom性能对比

展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部
返回顶部
顶部