2020年09月18日，Vue.js 3.0 正式發布，本次發布框架本身帶來了幾個大點的改進，以及功能和歷程的一些總結!
1.3.0歷程
- 3.0版本代表了2年多的開發作業
- 具有30多個RFC
- 2600多個提交
- 來自99個貢獻者
- 628個拉取請求
- 大量開發和檔案作業
2.Vue的使命
成為任何人都可以快速學習的易于接近的框架
3.性能方面的優化
- 路由懶加載
- keep-alive快取頁面
- 使用v-show復用DOM
- v-for 遍歷避免同時使用 v-if
- 長串列性能優化
- 事件的銷毀
- 圖片懶加載
- 第三方插件按需引入
- 無狀態的組件標記為函式式組件
- 子組件分割
- 變數本地化
- SSR
4.更好的TypeScript集成
- 改進的TypeScript支持，編輯器能提供強有力的型別檢查和錯誤及警告
- 更好的除錯支持
5.用于處理大規模用例的新API
- reactive
- ref
- computed
- readonly
- watchEffect
- watch
- unref
- toRef
- toRefs
- isRef
- isProxy
- isReactive
- isReadonly
- customRef
- markRaw
- shallowReactive
- shallowReadonly
- shallowRef
- toRaw
6.分層內部模塊
Vue 3.0內核仍然可以通過一個簡單的<script>標簽使用，但其內部結構已被徹底重寫為一組解耦的模塊，新的體系結構提供了更好的可維護性，并允許最終用戶通過搖樹來減少運行時大小的一半，
模塊如下:
模塊提供的功能點:
1.編譯器支持用于構建時自定義的自定義AST轉換（例如，構建時i18n）
2.核心運行時提供API用于創建針對不同渲染目標（例如本機移動設備，WebGL或終端）的自定義渲染器，默認DOM渲染器使用相同的API構建，
3.該@vue/reactivity模塊匯出的功能可以直接訪問Vue的反應系統，并且可以用作獨立程式包，它可以與其他模板解決方案（例如lit-html）配對，甚至可以用于非UI方案，
7.composition-api設計目的
旨在解決大型應用程式中Vue使用的難點，
Composition API建立在反應性API之上，與2.x基于物件的API相比，可實作類似于React掛鉤的邏輯組成和重用，更靈活的代碼組織模式以及更可靠的型別推斷，
8.性能改進(相對Vue2)
- 通過搖樹(減輕了多達41％的資源大小)
- 初始渲染（加快了多達55％的速度）
- 更新速度:（加快了133％的速度）
- 記憶體占用:(最多減少54％)
9.提供的兩個實驗性功能
<script setup>
用于在SFC中使用Composition API的語法糖
<style vars>
SFC中狀態驅動的CSS變數
9.遷移3.0指南
https://v3.vuejs.org/guide/migration/introduction.html
10.兼容IE11
計劃在2020年第四季度重點關注它們，因此，計劃遷移現有v2應用程式的用戶或者需要IE11支持人員此時應意識到這些限制，
11.后續計劃
- 遷移版本
- IE11支持
- 新devtools中的Router和Vuex集成
- Vetur中模板型別推斷的進一步改進
新檔案鏈接:
- 新官網
https://v3.vuejs.org/ - 遷移指南
https://v3.vuejs.org/guide/migration/introduction.html - Composition API
https://v3.vuejs.org/guide/composition-api-introduction.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/101827.html
標籤：其他
上一篇：我要發布一個image 怎么辦呢