vue的h函数_函数表达解析 - h 和 create-element

>[success] # h函数

~~~

1.将函数表达式的形式渲染成 虚拟dom，我们这里处理不像'snabbdom',对

参数做了重载处理，我们这里采用最简单的仅仅判断是'对象'还是'文本'

如果是文本就手动转成虚拟dom

~~~

>[danger] ##### 代码部分

~~~

1.我们这里直接判断如果是对象就默认是h函数返回的虚拟dom，如果不是

默认是文本，并且将文本转换成h函数形式

2.虽然没有使用递归的形式依旧可以吧这种层级嵌套的格式解析，依靠的

就是每个children ，除了文本以外都是h函数举个例子

'

hellozf

'

这中dom 我们用h函数表达

let oldVnode = h('div', {

id: 'container',

key: 1,

class: 'abc'

},

h('span', {

style: {

color: 'red',

background: 'yellow'

}

}, 'hello'),

'zf'

);

执行顺序是从span的h函数开始，依次向外这就是即使层级嵌套，