App下載

Vue3.0版本發(fā)布,讓我們看看有什么更新

猿友 2020-09-19 10:50:29 瀏覽數(shù) (4406)
反饋

文章來(lái)源于公眾號(hào):前端森林

Vue 官方團(tuán)隊(duì)終于發(fā)布了Vue3.0版本,就在 2020 年 9 月 18 日晚 11 點(diǎn)半左右,代號(hào)為One Piece。

Vue3.0版本發(fā)布

其實(shí)Vue3.0版本發(fā)布的消息,我是昨天晚上刷朋友圈看到的(已經(jīng)差不多凌晨 1 點(diǎn)了),然后我就立刻起來(lái),打開(kāi)電腦,看了一下github,把官方發(fā)布文檔過(guò)了一遍。其實(shí)我感覺(jué)這次版本更新,最主要的還是Composition API以及對(duì)于TypeScript的支持,而且早在 4 月 21 日,尤大在 B 站關(guān)于Vue.js 3.0 Beta最新進(jìn)展的分享上就已經(jīng)提到了這些改動(dòng)。

此次Vue3.0版本更新提供了改進(jìn)的性能,更小的捆綁包大小,更好的TypeScript集成,以及用于處理大規(guī)模用例的新API,為框架的長(zhǎng)期未來(lái)迭代奠定了堅(jiān)實(shí)的基礎(chǔ)。

這里我就參考官方releases給大家大概說(shuō)一下主要更新(更詳細(xì)的直接查看 releases docs):

進(jìn)一步推進(jìn)“漸進(jìn)框架”概念

Vue一開(kāi)始就秉承這樣的原則:成為任何人都能快速學(xué)習(xí)且平易近人的框架。(時(shí)至今日,作為Vue的資深用戶,我覺(jué)得他做到這一點(diǎn)了)。當(dāng)然Vue3.0將這種靈活性進(jìn)一步提升。

分層內(nèi)部模塊

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

解決規(guī)模問(wèn)題的新 API

Vue 3.0引入了Composition API一套全新的API,旨在解決大型應(yīng)用程序中Vue使用的難點(diǎn)。Composition API建立在響應(yīng)式API之上,與2.x基于對(duì)象的API方式相比,可實(shí)現(xiàn)類似于React Hook的邏輯組成和復(fù)用,擁有更靈活的代碼組織模式以及更可靠的類型推斷能力。

性能改進(jìn)

Vue 2相比,Vue 3bundle包大小方面通過(guò)tree-shaking減輕了多達(dá)41%的體積),初始渲染速度加快了55%,更新速度提升了133%,內(nèi)存使用率方面表現(xiàn)出了顯著的性能改進(jìn)最多可減少54%。

改進(jìn)與TypeScript的兼容

Vue 3.0的代碼庫(kù)是用TypeScript編寫(xiě)的,具有自動(dòng)生成、測(cè)試并構(gòu)建類型聲明。同時(shí),Vue 3已全面支持TSX。

未來(lái)計(jì)劃

緊接著,Vue官方團(tuán)隊(duì)計(jì)劃要做的事情如下:

  • 遷移版本
  • IE11支持
  • devtools中的RouterVuex集成
  • Vetur中模板類型推斷的進(jìn)一步改進(jìn)

快速上手

如果你已經(jīng)迫不及待的想去學(xué)習(xí)Vue3了呢,這里放上對(duì)應(yīng)的鏈接:

參考

Vue 官方發(fā)布文檔

以上就是W3Cschool編程獅關(guān)于Vue3.0版本發(fā)布,讓我們看看有什么更新的相關(guān)介紹了,希望對(duì)大家有所幫助。

0 人點(diǎn)贊