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

Template render vs render function h() in Vue 3

您如何看待 Vue 3(或合成-api)中的模板渲染,尤其是它的速度和亮度如何?

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

你怎么看?当 Vue 3 到来时,我们是否仍然使用 h() 还是我们可以使用通常的模板渲染?

渲染函数的灵活性赋予了它们很大的力量,但它们的命令性使它们难以(自动)优化。就个人而言,由于虚拟 DOM 差异优化,我在使用 Vue 3 时尽可能使用模板。我发现 Evan You,here.

对此有一个很好的概述

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