有状态组件的虚拟dom的tag直接指向类名,
形如:
var vNode = {
tag: MyComponent
}
MyComponent的内部有个render函数,里面返回一个虚拟dom,这个虚拟dom对应真实的html元素,形如:
class MyComponent extend BaseComponent {
render () {
return {
tag: 'div'
}
}
}
如图两处对应都是vNode,有状态组件的虚拟dom本质还是html的虚拟dom。图中为二者均挂在了el,el指向真实dom