search

HJY-xh / plantTrees

每天几个前端小知识📙 2021.2.14 - new Date()
MIT License
22 stars 4 forks source link

[2022-3-30] 如何理解Vue中createElement? #547

Open HJY-xh opened 2 years ago

HJY-xh commented 2 years ago

Vue通过建立一个虚拟DOM来追踪自己要如何改变真实DOM

return createElement('h1', this.blogTitle)

createElement可以理解成名字更为准确的createNodeDescription，因为它所包含的信息会告诉Vue页面上需要渲染什么样的节点，包括及其子节点的描述信息。我们把这样的节点描述为虚拟节点（virtual node），也常简称为VNode。

HJY-xh commented 2 years ago

每个VNode有children，children每个元素也是一个VNode，这样就形成了一个VNode Tree，它描述了DOM Tree。