【vue渲染器】有状态组件的虚拟dom本质还是html的虚拟dom。

有状态组件的虚拟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
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/printf____/article/details/121532307