Vue3.0正式釋出,本次釋出所有總結,一起看看!

2020-09-21 16:00:26

在這裡插入圖片描述

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