Vue中的渲染函数render

Vue通过template模板来创建HTML。使用render函数就可以使用js来构建DOM。

因为Vue是虚拟DOM，使用template模板时也需要转译成VNode；而用render函数构建DOM，Vue就免去了转译的过程。

当使用render函数描述虚拟DOM时，Vue提供了一个方法作为render函数的参数，名为createElement，简写为h。

createElement方法有三个参数：第一个参数为标签名，第二个参数为标签的属性对象，第三个参数为标签中的内容，第三个参数除了字符串，还可以传入VNode的数组。

render 函数会返回一个VNode(虚拟DOM)。

 render:(h) => {
        return h('div',{
           //给div绑定value属性
           props: {
                  value:''
            },
　　　//给div绑定样式
　　　style:{
　　　　　width:'30px'
　　　},　
　　　//给div绑定点击事件　　
           on: {
                 click: () => {
                       console.log('点击事件')
                  }
            },
	})
}