vue虛擬dom原理

Virual DOM是用JS對象記錄一個dom節點的副本,當dom發生更改時候,先用
虛擬dom進行diff,算出最小差別,而後再修改真實dom。vue

vue的virtual dom的diff算法是基於snabbdom算法改造而來,與react的diff算法同樣
僅在同級的vnode間作diff,遞歸的進行同級vnode的diff,最終實現整個DOM樹的更新。node

虛擬DOM的缺點:react

1. 代碼更多,體積更大算法

2. 內存佔用增大dom

3. 小量的單一的dom修改使用虛擬dom成本反而更高,不如直接修改真實dom快對象

相關文章
相關標籤/搜索