1界阁、響應系統(tǒng)的變動
由原來的Object.defineProperty 的getter 和 setter,改變成為了ES2015 Proxy 作為其觀察機制挂据。
Proxy的優(yōu)勢:消除了以前存在的警告以清,使速度加倍,并節(jié)省了一半的內(nèi)存開銷崎逃。
2掷倔、虛擬DOM重寫(Virtual DOM Rewrite)
虛擬 DOM 從頭開始重寫,我們可以期待更多的編譯時提示來減少運行時開銷个绍。重寫將包括更有效的代碼來創(chuàng)建虛擬節(jié)點勒葱。
虛擬DOM重寫.png
3、組件渲染的優(yōu)化(優(yōu)化插槽生成)
Vue2當中在父組件渲染同時巴柿,子組件也會渲染凛虽。 Vue3就可以單獨渲染父組件、子組件广恢。
優(yōu)化插槽生成.png
4凯旋、靜態(tài)樹提升(Static Tree Hoisting)
使用靜態(tài)樹提升,這意味著 Vue 3 的編譯器將能夠檢測到什么是靜態(tài)組件钉迷,然后將其提升至非,從而降低了渲染成本。它將能夠跳過未整個樹結(jié)構(gòu)打補丁的過程糠聪。
靜態(tài)樹提升(.png
5荒椭、靜態(tài)屬性提升(Static Props Hoisting)
此外,我們可以期待靜態(tài)屬性提升舰蟆,其中 Vue 3 將跳過不會改變節(jié)點的打補丁過程趣惠。
靜態(tài)屬性提升.png
總體來說:1. 更快 2. 更小 3. 更容易維護 4. 更加友好 5. 更容易使用