转自://www.greatytc.com/p/fd62147ab67c
一、render函数是什么
简单的说,在vue中我们使用模板HTML语法来组建页面的,使用render函数我们可以用js语言来构建DOM。因为vue是虚拟DOM,所以在拿到template模板时也要转译成VNode的函数,而用render函数构建DOM,vue就免去了转译的过程。
当使用render函数描述虚拟DOM时,vue提供一个函数,这个函数是就构建虚拟DOM所需要的工具。官网上给他起了个名字叫createElement。还有约定它的简写叫h
作者:dingFY
链接://www.greatytc.com/p/fd62147ab67c
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
二、render函数的参数
render 函数即渲染函数,它是个函数,render 函数的返回值是VNode(即:虚拟节点,也就是我们要渲染的节点)
createElement 是 render 函数的参数,它本身也是个函数,并且有三个参数。接来下我们重点介绍这三个参数
【1】createElement 第一个参数是必填的,可以是String | Object | Function
String,表示的是HTML 标签名
Object ,一个含有数据的组件选项对象
Function ,返回了一个含有标签名或者组件选项对象的async 函数
示例: