Render函数之二《基于vue-cli理解render函数》

1.render 函数作用

render 函数 跟 template 一样都是创建 html 模板的，但是有些场景中用 template 实现起来代码冗长繁琐而且有大量重复，这时候就可以用 render 函数。

2.render 函数讲解

render 函数即渲染函数，它是个函数，它的参数也是个函数——即 createElement

2.1 render 函数的返回值（VNode）

VNode（即：虚拟节点），也就是我们要渲染的节点。

2.2 render 函数的参数（createElement）

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

    1.createElement 函数的返回值（VNode）

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

    2.createElement 函数的参数（三个）         

•   第一个参数可以是（ HTML 标签，也可以是一个组件或函数）类型：{String | Object | Function}。必需。
•   第二个参数是可以在模板中使用的属性对象，是可选参数，类型{Object}
•   第三个参数是子节点VNodes,可选参数，