喜大普奔！Element UI for Vue 3.0 來(lái)了！
?嗨，我是你穩(wěn)定更新、關(guān)心時(shí)事的勾勾。
今天的內(nèi)容轉(zhuǎn)載自知乎。
喜大普奔，Element 團(tuán)隊(duì)終于開大了！
第一個(gè)使用 TypeScript + Vue 3.0 Composition API 重構(gòu)的組件庫(kù) Element Plus 發(fā)布了 ~
2016 年 3 月 13 日 Element 悄然誕生，經(jīng)歷了 4 年的風(fēng)雨洗禮，我們從一個(gè)餓了么內(nèi)部業(yè)務(wù)組件庫(kù)成長(zhǎng)為 Vue 生態(tài)里最流行的 UI 組件庫(kù)之一。
截至本文撰寫時(shí)，Element 已獲得 48200 Github Star， NPM 下載量 95 萬(wàn)次/每月的可喜成績(jī)。感謝超過(guò) 530 名社區(qū)貢獻(xiàn)者的參與維護(hù)，和我們一同完成了 4400 次 commit 的更新迭代。
*Element 開發(fā)團(tuán)隊(duì) 40000 Github Star 慶祝會(huì)
Element Plus for Vue 3.0
2020 年，隨著 Vue 3.0 不斷完善和發(fā)布，我們也緊張投入到 Element 對(duì) Vue 3.0 的升級(jí)適配工作中。歷經(jīng) 6 個(gè)月共計(jì) 23 個(gè) alpha 版本的迭代，終于，在今天， Element Plus for Vue 3.0 Beta 版本正式發(fā)布 ！
地址：github.com/element-plus/element-plus
Vue 3.0 的大版本升級(jí)，對(duì)生態(tài)組件庫(kù)來(lái)說(shuō)也是一次丟掉歷史包袱前行的好機(jī)會(huì)，我們大刀闊斧對(duì) Element 進(jìn)行了一次深度重構(gòu)。
使用 TypeScript 開發(fā)，提供完整的類型定義文件
使用 Vue 3.0 Composition API 降低耦合，簡(jiǎn)化邏輯
使用 Vue 3.0 Teleport 新特性重構(gòu)掛載類組件
使用 Lerna 維護(hù)和管理項(xiàng)目
使用更輕量更通用的時(shí)間日期解決方案 Day.js
升級(jí)適配 popperjs, async-validator 等核心依賴
完善 52 種國(guó)際化語(yǔ)言支持
除此以外，還有：
全新的視覺(jué)*
優(yōu)化的組件 API
更多自定義選項(xiàng)
更加詳盡友好的文檔
Q：Element Plus 和 Element UI 是什么關(guān)系? 為什么又有一個(gè)新項(xiàng)目？
正如 vue-next 之于 vue，一次 100% 的重構(gòu)雖然解決了很多歷史遺留問(wèn)題，但也不可避免的引入一些新的 bug 和問(wèn)題，而獨(dú)立的 issue 和 pr 區(qū)可以減少大家使用和反饋的心智成本，也能更加方便我們定位問(wèn)題，并行維護(hù)迭代。
Element will stay with Vue 2.x
For Vue 3.0, we recommend using Element Plus from the same team
具體可以參考 Element 的 README?
Q: 老 Element 項(xiàng)目可以平滑升級(jí)到 Vue 3.0 + Element Plus 嗎？
由于 Vue 3.0 升級(jí)引入了部分 API 的調(diào)整，老項(xiàng)目的升級(jí)不可避免的要做些許改動(dòng)。但我們力爭(zhēng)把變更內(nèi)容做到可控，只需要很少的調(diào)整就能完成項(xiàng)目升級(jí)。在今后 Vue 3.0 的項(xiàng)目里，還是熟悉的 Element 的配方和味道。
Q: Element UI 還會(huì)維護(hù)嗎？
當(dāng)然會(huì)！(而且一直在正常迭代發(fā)布呀 ヽ(??▽?)ノ)
每每看到社區(qū)類似的擔(dān)憂，對(duì)我們都是一種鞭策。作為一個(gè)負(fù)責(zé)任的開源項(xiàng)目，必然不會(huì)辜負(fù)大家的期待。隨著用戶的增多，肩上的壓力也越來(lái)越大，希望大家使用了 Element 能真正為項(xiàng)目開發(fā)減負(fù)提效，這樣我們多加班，大家早下班，想到這，感覺(jué)胸前的紅領(lǐng)巾更鮮艷了 。
開始體驗(yàn)吧
有很多方式可以體驗(yàn) Element Plus for Vue 3.0
手動(dòng)安裝?npm install element-plus?，詳見官網(wǎng)安裝指南
下載?Webpack 腳手架?直接運(yùn)行體驗(yàn)?
嘗鮮時(shí)下最炫酷的 Vite 打包腳手架
通過(guò)?Vue CLI 插件?引入?
What's Next for Element Plus?
一次重大視覺(jué)更新
2 個(gè)全新組件緊張研發(fā)中
訪問(wèn)速度更快，功能更強(qiáng)大的官方網(wǎng)站
喜歡 Element Plus 嗎？
來(lái)點(diǎn)個(gè) Star ?? 支持鼓勵(lì)我們一下吧 ~
感謝大家 4 年以來(lái)對(duì) Element 的關(guān)注，是你們的支持讓 Element 不斷完善，力爭(zhēng)做到最好。我們也會(huì)不忘開源初心，反哺社區(qū)，未來(lái)將對(duì)社區(qū)更加開放，非常歡迎熱愛(ài)開源的你來(lái)和我們一起完善 Element Plus —— 贈(zèng)人玫瑰，手有余香，開源社區(qū)的維護(hù)，不僅僅是靠一個(gè)團(tuán)隊(duì)，一個(gè)公司，我們相信是靠所有熱愛(ài)開源，擁有開源精神，熱衷于分享和交流的朋友們。
原作者姓名：朱昆
地址：https://zhuanlan.zhihu.com/p/321311020
歡迎大家去原文下面留言玩耍~
推薦閱讀：
不會(huì)真的有人不知道 API 如何設(shè)計(jì)吧。
前端人因?yàn)?Vue3 的 Ref-sugar 提案打起來(lái)了！
黑盒續(xù)集 | 如何在 CRA 黑盒中爭(zhēng)取主動(dòng)權(quán)？
點(diǎn)點(diǎn)“贊”和“在看”，保護(hù)頭發(fā)，減少bug。