2020是一個(gè)不平凡的一年；小時(shí)候，哭是我們解決問題的絕招；長(zhǎng)大后，笑是我們面對(duì)殘酷現(xiàn)實(shí)的武器。
所有產(chǎn)業(yè)的大環(huán)境都不好的今天，我們更需要充實(shí)自己，爭(zhēng)取不讓自己被殘酷現(xiàn)實(shí)所淘汰，共勉

Vue3.0簡(jiǎn)介

7月18日，尤大大公布了VUE 3 RFC的發(fā)布
RFC即預(yù)發(fā)布版。這意味著 Vue3 內(nèi)核的 API 和實(shí)現(xiàn)已到穩(wěn)定狀態(tài)，在最終版本發(fā)布前，不會(huì)提出新功能或者做重大更改。但是還不推薦在項(xiàng)目中使用；千呼萬喚始出來，未來可期～

現(xiàn)在Vue團(tuán)隊(duì)已經(jīng)推出vue-composition-api和vue-function-api的RFC

Vue3.0新特性

1.性能

1.1雙向響應(yīng)原理由Object.defineProperty改為基于ES6的Proxy，使其顆粒度更大，速度更快，且消除了之前存在的警告；
1.2重寫了 Vdom ，突破了 Vdom 的性能瓶頸
1.3進(jìn)行了模板編譯的優(yōu)化
1.4進(jìn)行了更加高效的組件初始化

2.Tree-Shaking 的支持

支持tree-shaking（剪枝）：像修剪樹葉一樣把不需要的東西給修剪掉，使 Vue3 的體積更?。?3kb）。也可以理解成按需打包，全部功能打包也只有23KB

3.CompositionAPI

composition-api 是一個(gè) Vue3 中新增的功能，靈感來自于 React Hooks ，是比 mixin 更強(qiáng)大的存在。
composition-api 可以提高代碼邏輯的可復(fù)用性，從而實(shí)現(xiàn)與模板的無關(guān)性；同時(shí)使代碼的可壓縮性更強(qiáng)。另外，把 Reactivity 模塊獨(dú)立開來，意味著 Vue3.0 的響應(yīng)式模塊可以與其他框架相組合。

Options API PK Composition API

4.Fragments

不再限制 template 只有一個(gè)根節(jié)點(diǎn)。
render函數(shù)也可以返回?cái)?shù)組了，有點(diǎn)像 React.Fragments

5.Better TypeScript Support

更好的類型推導(dǎo)，使得 Vue3 把 TypeScript 支持得非常好

6.Custom Renderer API

實(shí)現(xiàn)用DOM的方式進(jìn)行 WebGL 編程

相關(guān)資源

知乎 - Vue Function-based API RFC
github - vuejs/composition-api
github - composition-api/CHANGELOG.md
開源中國(guó) - 尤雨溪公布 Vue 3.0 開發(fā)路線：將從頭開始重寫 3.0
尤大大談Vue Beta

本文整理前端之神
自己做備注，學(xué)習(xí)使用