Vue 3 中的模板渲染与渲染函数 h()

Question

您对 Vue 3（或在compose-api）中的模板渲染有何看法，特别是它的速度和重量如何？

我们在引擎盖下创建一个带有简单组件的站点构造函数（例如 ui-box、ui-button 等）。在 Vue 2 中，对于大多数组件，我们使用通过 h() 函数进行渲染的功能组件，以便使它们的渲染更快、更轻，因为我们预计场景中会有很多这样的组件。据我所知，Vue 3 模板渲染会更快并且具有更好的性能。

你对此有何看法？当 Vue 3 到来时，我们还应该使用 h() 还是可以使用通常的模板渲染？

Answer 1

渲染函数的灵活性赋予它们强大的功能，但它们的命令性使它们难以（自动）优化。就我个人而言，在使用 Vue 3 时，由于虚拟 DOM 差异优化，我会尽可能使用模板。我发现 Evan You 对此有一个很好的概述，请点击此处。

最好的选择是对两者进行基准测试并查看性能，Vue.js Devtools这对此有很大帮助。