Vue3，VDOM（Virtual DOM，虚拟DOM）

定义与原理

• 定义：VDOM是真实DOM在JavaScript中的一种抽象数据结构表示，它以JavaScript对象的形式存在，用来描述真实DOM树的结构、属性和节点关系等。
• 原理：Vue3在初始化时会根据组件的模板和数据生成对应的VDOM树，当数据发生变化时，Vue3会重新生成新的VDOM树，然后通过Diff算法将新老VDOM树进行对比，找出变化的部分，最后只将这些变化的部分更新到真实DOM上，从而减少对真实DOM的操作，提高渲染性能。