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

Question

您如何看待 Vue 3（或 composition-api）中的模板渲染，尤其是它的速度和轻量级？

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

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

标签： vue.jsvuejs2vuejs3

Answer 1

渲染函数的灵活性赋予了它们很大的功能，但它们的命令性使它们难以（自动）优化。就个人而言，在使用 Vue 3 时，由于虚拟 DOM 差异优化，我尽可能使用模板。我发现这方面的一个很好的概述是由 Evan You 撰写的，这里。

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