18910140161

在vue3 中使用render函数渲染组件比较好 还是在template编写html代码比较好?

顺晟科技

2022-09-03 12:52:30

156

vue3 中使用render函数渲染组件比较好 还是在template编写比较好?


顺晟科技:

用 template 的方式写组件,在打包的时候,会自动变成 render 的形式。如果你不需要使用 render 提供的某些特性的话,那么放心的使用 template 即可。

嗯嗯,感谢回答, 谢谢!

你说的要看场景:1.先编译后运行(这个场景就是vue脚手架常用设置场景),通常在你编写 .vue 文件里面的template 他会在打包的时候给你生成render方法。同时你的vue使用的是 运行时版本,缺少了compile 这些函数。2.运行时编译,这种就是 在浏览器运行时后去compile template为render函数。(这里其实就在运行时多了compile,对体验可能就没那么好)

在vue源码中实际流程,先找挂载节点,挂载节点默认为template,然后去compile为render,再找template这个字段是否有设置,如果有compile 为render 函数,如果没有template ,在找render,然后就是vue-loader 里面对jsx的解析或者最原始的render函数的第一个参数来create

感谢回答!从vue3源码层分析的话是不是可以理解为当为静态节点的时候使用使用template比较好(经历了compiler)?当为动态节点的时候使用render函数比较好(直接放到了instance.render)?

用 template 的方式写组件,在打包的时候,会自动变成 render 的形式。如果你不需要使用 render 提供的某些特性的话,那么放心的使用 template 即可。

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航