render 函数作用
render 函数 跟 template 一样都是创建 html 模板的,但是有些场景中用 template 实现起来代码冗长繁琐而且有大量重复,这时候就可以用 render 函数。
render函数的参数与返回值
(createElement: () => VNode) => VNode
参数:createElement 为一个方法
createElement 本身也是一个函数,它有三个参数
返回值: VNode,即虚拟节点
1. 一个 HTML 标签字符串,组件选项对象,或者解析上述任何一种的一个 async 异步函数。必需参数。
2. 一个包含模板相关属性的数据对象你可以在 template 中使用这些特性。可选参数。
3. 子虚拟节点 (VNodes),由 createElement()
构建而成,也可以使用字符串来生成“文本虚拟节点”。可选参数
返回值:VNode 虚拟节点,也是要渲染的节点