vue的局部更新
Vue的局部更新是因?yàn)樗褂昧四０搴吞摂MDOM的方式進(jìn)行渲染。Vue的模板和虛擬DOM能夠精確地追蹤每個組件的狀態(tài)，只更新真正發(fā)生變化的部分，避免了不必要的重新渲染，從而提高了性能。
在Vue2中，當(dāng)組件的狀態(tài)發(fā)生變化時，Vue會先生成一個新的虛擬DOM樹，然后通過比較新舊虛擬DOM樹的差異，只更新發(fā)生變化的部分。這個過程稱為“異步批量更新”，也就是說，在一個事件循環(huán)中，Vue會盡可能地將多個狀態(tài)變化合并為一個更新操作，并在下一個事件循環(huán)中，批量執(zhí)行這些更新操作，從而避免不必要的重新渲染。
在Vue3中，響應(yīng)式系統(tǒng)被重寫了，使用了 Proxy 對象來追蹤狀態(tài)變化，而不是使用Object.defineProperty。這種方式可以更精確地追蹤狀態(tài)變化，并且可以在一些場景下提高性能。同時，Vue3還引入了新的靜態(tài)編譯器，可以將模板編譯為渲染函數(shù)，從而減少運(yùn)行時的開銷。在渲染時，Vue3也采用了虛擬DOM的方式，生成新的虛擬DOM樹，并通過比較新舊虛擬DOM樹的差異，只更新發(fā)生變化的部分。Vue3還引入了新的更新策略，可以在更新時更加高效地處理變化。
react的全量更新
React的全量更新是因?yàn)樗褂昧藸顟B(tài)管理和虛擬DOM的方式進(jìn)行渲染。React的狀態(tài)管理能夠精確地追蹤每個組件的狀態(tài)，但是在更新時，它會重新渲染整個組件樹，而不是只更新變化的部分。因此，React的性能在更新大型組件樹時可能會受到影響。
React18并沒有完全解決全量更新的問題，但它提供了一些新的特性和優(yōu)化，以減少不必要的重新渲染和提高性能。以下是一些React18的新特性：
- 自適應(yīng)渲染：React18引入了自適應(yīng)渲染，它能夠在保證用戶體驗(yàn)的同時，盡可能減少不必要的渲染。這是通過在每個渲染周期中檢測用戶交互和數(shù)據(jù)變化來實(shí)現(xiàn)的。
- 批量更新：React18引入了新的批量更新機(jī)制，它可以將多個更新操作合并為一個，從而減少了不必要的重新渲染。
- 增量更新：React18還引入了增量更新，它可以在不重新渲染整個組件的情況下，只更新變化的部分。
- 預(yù)渲染：React18還提供了一種叫做“預(yù)渲染”的特性，它可以在服務(wù)端渲染組件之前，提前預(yù)處理組件的狀態(tài)和數(shù)據(jù)，從而減少客戶端渲染的時間。
總的來說，React18提供了一些新的特性和優(yōu)化，以減少不必要的重新渲染和提高性能。雖然它并沒有完全解決全量更新的問題，但它是一個向著更好方向發(fā)展的重要步驟。
