[https://blog.csdn.net/lianzhang861/article/details/100552228](https://blog.csdn.net/lianzhang861/article/details/100552228) 动态生成组件 这种渲染函数没有状态管理和事件监听，所以vue还可以在render下面加一个functional:true，把它变成“函数式组件” # 一、Render 的资料简介 **Render 函数是 Vue2.x 新增的一个函数、主要用来提升节点的性能，它是基于 JavaScript 计算。使用 Render 函数将 Template 里面的节点解析成虚拟的 Dom 。** > Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数，它比模板更接近编译器。 简单的说，在 Vue 中我们使用模板 HTML 语法组建页面的，使用 Render 函数我们可以用 Js 语言来构建 DOM。 因为 Vue 是虚拟 DOM，所以在拿到 Template 模板时也要转译成 VNode 的函数，而用 Render 函数构建 DOM，Vue 就免去了转译的过程。 **createElement别名h** ## innerHtml 会覆盖createElement子元素