Vue 3.0 Beta來了！你還學的動麼？

一.Vue 3.0 Beta來了

4月17日，尤雨溪微博發佈Vue 3.0 beta，4 月21日，尤雨溪在B站直播分享了 Vue 3.0 Beta 版本的那些變化。本文是對其分享的簡單總結。

GitHub 地址：

https://github.com/vuejs/vue-next#status-beta

官方庫的支持狀態：

二.六大亮點

根據線上會議的 PPT 顯示，Vue 3.0 現在處於公測階段，也就意味著所有的 RFC 已經被實現，之後的側重點將調整為穩定性和周邊庫的集成。

1.Performance

此次 Beta 版本相較之前更多的是對性能的提升，重寫了虛擬 DOM，更高效的初始化組件等，從而使 updata 的效率提高了 1.3-2 倍，SSR 的性能提升了 2-3 倍。

2.Tree-shaking

可以將無用模塊“剪輯”，僅打包需要的（比如v-model,，用不到就不會打包）。

3.Composition API

Composition API 類似於 React Hooks，提高了代碼邏輯的可複用性，從而實現了與模板無關性，其響應式模塊還可以和其他框架組合。

4.Fragments

不再限制 templates 中只能有單一根節點，render 函數也可以返回數組，可以更加專注於生產。

Teleport

本來打算叫 Portal，對標 React，因為 Chrome 的一項提案可能出現命名衝突，遂改名。

Suspense

僅 5%應用能感知運行時的調度差異，綜合考慮下，Vue3 的 沒和 React 一樣做運行調度處理。

5.更好的 TypeScript 支持

在 Vue 3 內部使用 TypeScript 能夠讓開發人員從 Vue 的 TypeScript 定義中收益，同時還得到現代 IDE 的常見代碼支持，如 Visual Studio Code / WebStorm。

6.Custom Renderer API

意味著以後可以通過 vue， Dom 編程的方式來進行 webgl 編程 。感興趣可以看這裡：Getting started vugel

三.剩餘工作

四.Vue 2.x還有 2.7 版本

五．上線時間

尤雨溪最後表示，目前的 Vue 3.0 Beta 已經可以投入使用，但要求開發者自己對穩定性負責。他建議生產項目暫時不要上，新的、小的項目可以試水，真正要用起碼要到年終。