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

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

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

其實(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 3在bundle包大小方面通過(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中的Router和Vuex集成
• Vetur中模板類型推斷的進(jìn)一步改進(jìn)

快速上手

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

• Vue3 文檔
• Vue 2.x 用戶遷移指南

參考

Vue 官方發(fā)布文檔

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