App下載

Vue3.0正式發(fā)布，本次發(fā)布所有總結(jié)，一起看看!

猿友 2020-09-19 11:09:53 瀏覽數(shù) (5896)
反饋

文章來(lái)源于公眾號(hào)：前端人 作者：鬼哥

2020年09月18日，Vue.js 3.0 正式發(fā)布。本次發(fā)布框架本身帶來(lái)了幾個(gè)大點(diǎn)的改進(jìn)，以及功能和歷程的一些總結(jié)!

1.Vue3.0歷程

  • 3.0版本代表了2年多的開(kāi)發(fā)工作
  • 具有30多個(gè)RFC
  • 2600多個(gè)提交
  • 來(lái)自99個(gè)貢獻(xiàn)者
  • 628個(gè)拉取請(qǐng)求
  • 大量開(kāi)發(fā)和文檔工作

2.Vue的使命

成為任何人都可以快速學(xué)習(xí)的易于接近的框架

3.性能方面的優(yōu)化

  • 路由懶加載
  • keep-alive緩存頁(yè)面
  • 使用v-show復(fù)用DOM
  • v-for 遍歷避免同時(shí)使用 v-if
  • 長(zhǎng)列表性能優(yōu)化
  • 事件的銷(xiāo)毀
  • 圖片懶加載
  • 第三方插件按需引入
  • 無(wú)狀態(tài)的組件標(biāo)記為函數(shù)式組件
  • 子組件分割
  • 變量本地化
  • SSR

4.更好的TypeScript集成

  • 改進(jìn)的TypeScript支持，編輯器能提供強(qiáng)有力的類(lèi)型檢查和錯(cuò)誤及警告
  • 更好的調(diào)試支持

5.用于處理大規(guī)模用例的新API

  • reactive
  • ref
  • computed
  • readonly
  • watchEffect
  • watch
  • unref
  • toRef
  • toRefs
  • isRef
  • isProxy
  • isReactive
  • isReadonly
  • customRef
  • markRaw
  • shallowReactive
  • shallowReadonly
  • shallowRef
  • toRaw

6.分層內(nèi)部模塊

Vue 3.0內(nèi)核仍然可以通過(guò)一個(gè)簡(jiǎn)單的``標(biāo)簽使用，但其內(nèi)部結(jié)構(gòu)已被徹底重寫(xiě)為一組解耦的模塊。新的體系結(jié)構(gòu)提供了更好的可維護(hù)性，并允許最終用戶(hù)通過(guò)搖樹(shù)來(lái)減少運(yùn)行時(shí)大小的一半。

模塊如下:

分層內(nèi)部模塊

模塊提供的功能點(diǎn):

1.編譯器支持用于構(gòu)建時(shí)自定義的自定義AST轉(zhuǎn)換（例如，構(gòu)建時(shí)i18n）

2.核心運(yùn)行時(shí)提供API用于創(chuàng)建針對(duì)不同渲染目標(biāo)（例如本機(jī)移動(dòng)設(shè)備，WebGL或終端）的自定義渲染器。默認(rèn)DOM渲染器使用相同的API構(gòu)建。

3.該@vue/reactivity模塊導(dǎo)出的功能可以直接訪問(wèn)Vue的反應(yīng)系統(tǒng)，并且可以用作獨(dú)立程序包。它可以與其他模板解決方案（例如lit-html）配對(duì)，甚至可以用于非UI方案。

7.composition-api設(shè)計(jì)目的

旨在解決大型應(yīng)用程序中Vue使用的難點(diǎn)。Composition API建立在反應(yīng)性API之上，與2.x基于對(duì)象的API相比，可實(shí)現(xiàn)類(lèi)似于React掛鉤的邏輯組成和重用，更靈活的代碼組織模式以及更可靠的類(lèi)型推斷。

8.性能改進(jìn)(相對(duì)Vue2)

  • 通過(guò)搖樹(shù)(減輕了多達(dá)41％的資源大小)
  • 初始渲染（加快了多達(dá)55％的速度）
  • 更新速度:（加快了133％的速度）
  • 內(nèi)存占用:(最多減少54％)

9.提供的兩個(gè)實(shí)驗(yàn)性功能

用于在SFC中使用Composition API的語(yǔ)法糖

SFC中狀態(tài)驅(qū)動(dòng)的CSS變量

遷移3.0指南

10.兼容IE11

計(jì)劃在2020年第四季度重點(diǎn)關(guān)注它們。因此，計(jì)劃遷移現(xiàn)有v2應(yīng)用程序的用戶(hù)或者需要IE11支持人員此時(shí)應(yīng)意識(shí)到這些限制。

11.后續(xù)計(jì)劃

  • 遷移版本
  • IE11支持
  • 新devtools中的Router和Vuex集成
  • Vetur中模板類(lèi)型推斷的進(jìn)一步改進(jìn)

新文檔鏈接:

  • 新官網(wǎng): v3.vuejs.org/
  • 官方介紹: github.com/vuejs/vue-next/releases/tag/v3.0.0
  • 遷移指南 : v3.vuejs.org/guide/migration/introduction.html
  • Composition API : v3.vuejs.org/guide/composition-api-introduction.html

以上就是W3Cschool編程獅關(guān)于Vue3.0正式發(fā)布，本次發(fā)布所有總結(jié)，一起看看!的相關(guān)介紹了，希望對(duì)大家有所幫助。

Vue.js

0 人點(diǎn)贊