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

时间:2019-12-08 07:33:34

标签: vue.js vuejs2 vuejs3

您对Vue 3(或composition-api)中的模板渲染有何看法,特别是它的速度和亮度如何?

我们创建一个带有简单组件(例如ui-box,ui-button等)的站点构造函数。在Vue 2中,对于大多数组件,我们使用通过h()函数进行渲染的功能组件来实现以下目的:使它们的渲染更快,更轻,因为我们希望场景中有很多这些组件。如我所知,在Vue 3中,模板渲染将更快并且具有更好的性能。

您对此有何看法?当Vue 3出现时,我们还是应该使用h()还是可以使用常规的模板渲染?

1 个答案:

答案 0 :(得分:1)

渲染功能的灵活性为它们提供了很多功能,但是它们的命令性使其难以(自动)优化。就个人而言,由于虚拟DOM差异优化,在使用Vue 3时,我会尽可能使用模板。我发现{@ 3}是Evan You的一个很好的概述。

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