vue.js - Vue 3 中的模板渲染与渲染函数 h()

Question

您如何看待 Vue 3(或 composition-api)中的模板渲染，尤其是它的速度和轻巧程度？

我们在引擎盖下创建了一个带有简单组件的站点构造函数(例如 ui-box、ui-button 等)。在 Vue 2 中，对于其中的大多数，我们使用通过 h() 函数进行渲染的函数式组件来进行渲染更快、更轻，因为我们期望现场有很多这些组件。据我所知，Vue 3 模板渲染速度更快，性能更好。

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

Answer 1

渲染函数的灵活性赋予了它们很大的能力，但它们的命令性使它们难以(自动)优化。就我个人而言，由于虚拟 DOM 差异优化，我在使用 Vue 3 时尽可能使用模板。我发现的一个很好的概述是 Evan You，here .
最好的办法是对两者进行基准测试并查看性能，Vue.js Devtools对此有很大帮助。