vue3.0新特性有:1、性能比vue2.x塊1.2~2倍;2、支持tree-shaking;3、引入了Composition API;4、暴露了自定義渲染API;5、新增三個組件(Fragment、Teleport、Suspense)等。
本教程操作環(huán)境:windows7系統(tǒng)、vue3.0版,DELL G3電腦。
vue3 帶來的六大新特性
- Performance:性能比vue2.x塊1.2~2倍
- Tree shaking support:支持按需編譯,體積更小
- Composition API:組合API,類似React Hooks
- Custom Renderer API:暴露了自定義渲染API
- Fragment,Teleport(Protal),Suspense:新增三個組件
- Better TypeScript support:更好的支持TS
Performance
Vue3.0在性能方面比Vue2.x快了1.2~2倍。
-
重寫虛擬DOM的實現(xiàn)
-
運行時編譯
-
靜態(tài)提升與事件偵聽器緩存
-
SSR 速度提高
Three-shaking support
Vue3.x中的核心API都支持tree-shaking,這些API都是通過包引入的方式而不是直接在實例化時就注入,只會對使用到的功能或特性進行打包(按需打包),這意味著