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

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

反饋

文章來(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)類(lèi)似于React Hook的邏輯組成和復(fù)用，擁有更靈活的代碼組織模式以及更可靠的類(lèi)型推斷能力。