Virtual DOM (VDOM) 是 Real DOM 的内存表示形式。UI 的展示形式被保存在内存中并与真实的 DOM 同步。这是在调用的渲染函数和在屏幕上显示元素之间发生的一个步骤。整个过程被称为 reconciliation。
Real DOM vs Virtual DOM
Real DOM | Virtual DOM |
---|---|
更新较慢 | 更新较快 |
可以直接更新 HTML | 无法直接更新 HTML |
如果元素更新,则创建新的 DOM | 如果元素更新,则更新 JSX |
DOM 操作非常昂贵 | DOM 操作非常简单 |
较多的内存浪费 | 没有内存浪费 |