對比vue2的變化

1.優(yōu)點

• vue3支持vue2的大多數(shù)特性，實現(xiàn)對vue2的兼容

• vue3對比vue2具有明顯的性能提升

• 打包大小減少41%

• 初次渲染快55%，更新快133%

• 內(nèi)存使用減少54%

• 更好的支持TypeScript

• 使用Proxy代替defineProperty實現(xiàn)響應(yīng)式數(shù)據(jù)

2.性能提升的原因

• 靜態(tài)標(biāo)記

• vue2從根節(jié)點開始對虛擬dom進行全量對比（每個節(jié)點不論寫死的還是動態(tài)的都會一層一層比較）

• vue3新增了靜態(tài)標(biāo)記 與上次虛擬dom對比的時候，只對比帶有 patchFlags 的節(jié)點。跳過一些靜態(tài)節(jié)點對比（下圖編譯結(jié)果中-1跟1就屬于靜態(tài)標(biāo)記）