render 前端开发UI界面刷

hello! everyBody:
long time no see!今天和大家聊聊render函数；无论前端小白还是老油条，对render函数都应该了解；因为前端的市场
架构Vue/React都离不开render函数！
他是个什么鬼呢？
bingo!
render 函数作用
render 函数 跟 template 一样都是创建 html 模板的，但是有些场景中用 template 实现起来代码冗长繁琐而且有大量重复，这时候就可以 用 render 函数。
render 函数讲解
render 函数即渲染函数，它是个函数，它的参数也是个函数——即 createElement，我们重点来说 createElement 参数。

render 函数的返回值（VNode）
VNode（即：虚拟节点），也就是我们要渲染的节点。

render 函数的参数（createElement）
createElement 是 render 函数 的参数，它本身也是个函数，并且有三个参数。

createElement 函数的返回值（VNode）
createElement 函数的返回值是 VNode（即：虚拟节点）。

createElement 函数的参数（三个）
一个 HTML 标签字符串，组件选项对象，或者解析上述任何一种的一个 async 异步函数。类型：{String | Object | Function}。必需。
一个包含模板相关属性的数据对象你可以在 template 中使用这些特性。类型：{Object}。可选。
子虚拟节点 (VNodes)，由 createElement() 构建而成，也可以使用字符串来生成“文本虚拟节点”。类型：{String | Array}。可选。