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
对此有很大帮助。
您如何看待 Vue 3(或合成-api)中的模板渲染,尤其是它的速度和亮度如何?
我们在引擎盖下创建了一个带有简单组件的站点构造器(类似于 ui-box、ui-button 等)。在 Vue 2 中,对于其中的大多数,我们使用功能组件通过 h() 函数进行渲染,以便使它们的渲染更快更轻,因为我们希望场景中有很多这样的组件。据我所知,在 Vue 3 中,模板渲染会更快并且性能更好。
你怎么看?当 Vue 3 到来时,我们是否仍然使用 h() 还是我们可以使用通常的模板渲染?
渲染函数的灵活性赋予了它们很大的力量,但它们的命令性使它们难以(自动)优化。就个人而言,由于虚拟 DOM 差异优化,我在使用 Vue 3 时尽可能使用模板。我发现 Evan You,here.
对此有一个很好的概述最好的办法是对两者进行基准测试并查看性能,Vue.js Devtools
对此有很大帮助。