1. 程式人生 > >Vue3.0變化更新解讀(值得收藏)

Vue3.0變化更新解讀(值得收藏)

(內容同步自小鄒的頭條號:滬漂程式設計師的生活史)

9月30日,尤雨溪在medium個人部落格上釋出了vue3.0的開發思路,可以說3.0帶來了很大的變化。當時小鄒也只是瞄了一眼,沒想到這麼快vue3.0就出來了。最近 尤雨溪也是在 Vue Toronto上釋出了最新的 Vue 3,並且講解了一些主要的變化更新,下面讓我們一起來看一看:

Vue3.0變化更新解讀(值得收藏)

vue3.0變化更新

Vue3.0變化更新解讀(值得收藏)

Vue 3.0 將會發生什麼?

  • 更快
  • 更小
  • 更易維護
  • 更易於原生
  • 讓開發者更爽

Vue3.0變化更新解讀(值得收藏)

Virtual DOM 完全重寫,mounting & patching 增快 100%

Vue3.0變化更新解讀(值得收藏)

增多一些編譯提醒來減少 runtime 成本

Vue3.0變化更新解讀(值得收藏)

 

Vue3.0變化更新解讀(值得收藏)

 

Vue3.0變化更新解讀(值得收藏)

 

Vue3.0變化更新解讀(值得收藏)

 

Vue3.0變化更新解讀(值得收藏)

基於 Proxy 觀察者機制並滿足 full language coverage 及更好的效能

Vue3.0變化更新解讀(值得收藏)

不再使用 Object.defineProperty 而是原生ES6 Proxy

Vue3.0變化更新解讀(值得收藏)

元件生成增快 100%

Vue3.0變化更新解讀(值得收藏)

速度快一倍 / 減少一半的記憶體使用

Vue3.0變化更新解讀(值得收藏)

 

Vue3.0變化更新解讀(值得收藏)

新的 runtime 版只要約 10kb gzipped

Vue3.0變化更新解讀(值得收藏)

 

Vue3.0變化更新解讀(值得收藏)

 

Vue3.0變化更新解讀(值得收藏)

 

Vue3.0變化更新解讀(值得收藏)

 

Vue3.0變化更新解讀(值得收藏)

自定義 Renderer API

Vue3.0變化更新解讀(值得收藏)

 

Vue3.0變化更新解讀(值得收藏)

 

Vue3.0變化更新解讀(值得收藏)