vue如何sleep_一个Vue引发的性能问题

笔者最近在一个Vue项目里面引入了一个动画库，但是发现性能有点异常，项目里面使用的CPU是在一个demo页面的3.5倍左右，我已经把项目里所有其它干扰的东西都给删掉了，但是CPU就是降不下去，如下图所示，正常范围是在2.1%左右波动：

但是引到项目里面就变成了7%左右波动：

这个会不会是因为html嵌套太深导致Layout等计算复杂，所以CPU上升了呢，笔者尝试把DOM结构简单化，以及加上contain: strict等Layout隔离的方法，也是没有效果。所以只能是JS执行问题了，通过Chrome devtools的Performance可以研究这个问题。

如下图所示：

上面密密麻麻的线都是requestAnimationFrame的回调，把它放大，然后查看一个回调，比较一下demo页面和Vue页面的不同之处，如下图所示：

这里明显可以看出区别，demo.html每个回调的执行时间是0.3ms左右，而Vue项目的回调执行时间达到了0.8ms左右，快接近3倍，且调用栈深了很多。多出来的这些东西是什么呢？仔细一看：

这些东西是Vue里面的，也就是Vue里面setter，部