我們先根據(jù)真實DOM生成一顆virtual DOM，當virtual DOM某個節(jié)點的數(shù)據(jù)改變后會生成一個新的Vnode，然后Vnode和oldVnode作對比，發(fā)現(xiàn)有不一樣的地方就直接修改在真實的DOM上，然后使oldVnode的值為Vnode。（即比較新舊節(jié)點，一邊比較一邊給真實的DOM打補?。?/p>
當數(shù)據(jù)發(fā)生變化時，vue是怎么更新節(jié)點的？
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。
相關閱讀更多精彩內容
- 前言：真實DOM的渲染會引起整個DOM樹的重排重繪，會造成非常大的開銷。因此，vue采用了Virtual DOM（...
- 1. 當數(shù)據(jù)發(fā)生變化時，vue是怎么更新節(jié)點的？ 要知道渲染真實DOM的開銷是很大的，比如有時候我們修改了某個數(shù)據(jù)...
- vue是現(xiàn)在主流前端框架之一，采用了很多高級特性，如虛擬DOM，那么它是如何批量更新的，我們一起來了解下。 數(shù)據(jù)變...
- 概念 DIFF 算法即兩顆虛擬 DOM 樹做 DIFF，比較兩顆樹的差異性，只更新產(chǎn)生變化的節(jié)點，渲染更新后的節(jié)點...
