- 本文只是針對視頻內容的重點整理,如若不清楚的地方請看文末鏈接的現場視頻內容。
Vue3.0會帶來些什麼:
- 更快
- 更小
- 更易於維護
- 更好的多端渲染支持
- 其他新功能
更快:
- 重構虛擬DOM:更多虛擬時的優化;優化slots生成;內聯事件函數提取;
- 基於Proxy的新數據監聽系統:全語言特性支持+更好的性能;使用時纔會去做監聽;利用Proxy減少組件實例初始化開銷;
- 達到效果:速度加倍;內存佔用減半;
更小:
- 便於Tree-Shaking的代碼結構:內置組件;指令的運行時;各種工具函數;
- 效果:代碼大小可以減半,約10kb
更易於維護:
- 用TypeScript完全重寫
- 內部模塊解耦
- 編譯器重構(插件化設計)
- 帶位置信息的parser(source maps)爲更好的IDE工具鏈鋪路
更好的多端渲染支持
- Custom Renderer API
- runtime-core
其他新功能
- 響應式數據監聽API(observable、effect)
- 更輕鬆排查組件更新的觸發原因(render Triggered)
- 更好的TypeScript支持包括原生Class API 和 TSX更好的警告信息
- Experimental Hooks Api
- Experimental Slicing Support
- 關於IE會有一個專門的版本,自動降級,IE11還會有很多年