Vuejs 性能调优 - 监控我的组件何时重新渲染



我正在 vue 中开发一个 PWA.js我想调查我的组件何时无用地重新渲染(我的应用程序有时很慢(。

我的第一个想法是在mounted中添加一些console.log,并beforeUpdate钩子以查看它们何时重新渲染,但我有近 100 个组件,这似乎不是很有效。有没有更简单的方法来监控这一点?或者我可以添加到应用程序中所有组件的某些钩子中的默认代码段?

当然,您可以在某个钩子中设置一个包含代码的通用组件,然后所有组件都将扩展«基本组件»

它被称为混合。您将在这里找到您需要了解的所有内容:

https://v2.vuejs.org/v2/guide/mixins.html

最新更新