随着vue3正式版发布后，越来越多的小伙伴都开始对vue3展开了学习的攻势。

Application Config

在这个app.config 中，看API的过程中。我发现了一个让我把项目升级成vue3的理由。

就是这个performance

• Type: boolean
• Default: false
• Example:

// main.js
app.config.performance = true

设置此选项可true在浏览器devtool性能/时间线面板中启用组件初始化，编译，渲染和修补程序性能跟踪。仅在开发模式和支持Performance.mark API的浏览器中工作。

这个是vue2使用performance看到的结果

这个是vue3开启app.config.performance = true看到的结果

可以看出，vue2的 timings 这一栏看不出具体的每个组件渲染的时间等信息。 而vue3中就能清晰的看到生命周期级别的时间信息，这样在实际的项目中，就能通过这个模式来定位那个组件加载慢，那些组件需要优化。

cool~~~