我们在制作动画相关的效果时，可能需要知道一些与动画相关的性能数据：
如，帧率，时间，内存等。
我们就可以使用stats这个组件来实现
源码地址：https://github.com/mrdoob/stats.js
下面我说说在vue中如何使用，代码片段如下：
1，安装
cnpm install stats.js
2，在组件中引入，并初始化
import * as Stats from 'stats.js'
initStats(container){
this.stats.showPanel( 1 )
this.stats.dom.style.position = 'absolute'
this.stats.dom.style.left = '0px'
this.stats.dom.style.top = '0px'
container.appendChild(this.stats.dom)
}
方法inisStats传入的参数是我们的容器
3，在动画处加入开始和结束的状态即可
render() {
this.stats.begin()
requestAnimationFrame( this.render )
this.objectTotal.rotation.z += 0.01
this.renderer.render(this.scene, this.camera)
this.stats.end()
},
最后效果如图
爆款云服务器s6 2核4G 低至0.46/天，具体规则查看活动详情