溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“vue和react中的diff有哪些區別”，在日常操作中，相信很多人在vue和react中的diff有哪些區別問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”vue和react中的diff有哪些區別”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
區別：1、當節點元素類型相同，類名不同時，vue認為是不同的元素，會刪除重新創建，而react認為是同類型節點，會進行修改操作；2、列表對比時，vue采用從兩端到中間的方式進行對比，而react則是從左往右進行對比。
本文操作環境：windows10系統、Vue2.9.6版，DELL G3電腦。
diff算法：
對dom進行different比較不同的一種算法（虛擬）
共同點：
vue和diff算法，都是不進行跨層級比較，只做同級比較
不同點：
1.vue進行diff時，調用patch打補丁函數，一邊比較一邊給真實的dom打補丁，vue對比節點時，當節點元素類型相同，類名不同時，認為是不同的元素，刪除重新創建，而react認為是同類型的節點，進行修改操作
2.vue列表對比的時候，采用從兩端到中間的方式，舊集合和新集合兩端各存在兩個指針，兩兩進行比較，每次對比結束后，指針向隊列中間移動；react則是從左往右一次對比，利用元素的index和lastindex進行比較
3.當一個集合把最后一個節點移動到最前面，react會把前面的節點依次向后移動，而Vue只會把最后一個節點放在最前面，這樣的操作來看，Vue的diff性能是高于react的
到此，關于“vue和react中的diff有哪些區別”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
