看完這篇終於搞明白了vue源碼中的diff算法

updateChildren方法主要通過while循環去對比2棵樹的子節點來更新dom,通過對比新的來改變舊的,以達到新舊統一的目的。 通過一個例子來模擬一下: 假設有新舊2棵樹,樹中的子節點分別爲a,b,c,d等表示,不同的代號代表不同的vnode,如: 在設置好狀態後,我們開始第一遍比較,此時oldStartVnode=a,newStartVnode=a;命中了sameVnode(oldSta
相關文章
相關標籤/搜索