通过使用虚拟 DOM，Vue 可以比直接操作真实 DOM 更高效地更新和渲染用户界面。渲染函数可用于在服务器上预渲染组件，从而提高应用程序的初始加载性能。渲染函数可让我们完全控制组件的结构和内容，从而构建自定义的复杂用户界面。

h() 函数（超脚本），在后台我们可以理解为 createElement() ，是与 Vue 中的 render 函数配合使用的组件定义。它用于描述组件的结构和内容，并返回一个代表组件的虚拟节点（vnode）。

render 函数提供了一个较低级别的应用程序接口，用于渲染组件的虚拟 DOM。使用普通模板，我们可以编写类似 HTML 的代码来表示组件的结构。与普通模板相比，渲染函数更灵活，但也更复杂，更不直观。

如何确定何时使用 render 函数，与使用模板相比，render 函数有哪些优势？

基本上，当你需要动态控制屏幕上显示的内容时，就应该使用 render 函数。一些细微的差别，如通过多种因素对渲染进行调节、列出动态对象，甚至是监听事件和处理复杂数据。