Element UI for Vue 3.0 來了畅买！
第一個(gè)使用 TypeScript + Vue 3.0 Composition API 重構(gòu)的組件庫 Element Plus 發(fā)布了 ?? ~
2016 年 3 月 13 日 Element 悄然誕生短荐，經(jīng)歷了 4 年的風(fēng)雨洗禮倚舀，我們從一個(gè)餓了么內(nèi)部業(yè)務(wù)組件庫成長(zhǎng)為 Vue 生態(tài)里最流行的 UI 組件庫之一。
截至本文撰寫時(shí)忍宋，Element 已獲得 48200 Github Star痕貌， NPM 下載量 95 萬次/每月的可喜成績(jī)。感謝超過 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ā)布 ?? ！
Vue 3.0 的大版本升級(jí)涯肩，對(duì)生態(tài)組件庫來說也是一次丟掉歷史包袱前行的好機(jī)會(huì)淋硝，我們大刀闊斧對(duì) Element 進(jìn)行了一次深度重構(gòu)。
Element Plus for Vue 3.0 是一個(gè)使用 TypeScript + Composition API 重構(gòu)的全新項(xiàng)目宽菜。我們幾乎重寫了每一行 Element 的代碼谣膳，用最 Vue 3 的方式呈現(xiàn)了最完美的 Element，主要有：
- 使用 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ōu)化的組件 API
- 更多自定義選項(xiàng)
- 更加詳盡友好的文檔
Q：Element Plus 和 Element UI 是什么關(guān)系? 為什么又一個(gè)新項(xiàng)目阵幸？
正如 vue-next 之于 vue花履，一次 100% 的重構(gòu)雖然解決了很多歷史遺留問題芽世，但也不可避免的引入一些新的 bug 和問題，而獨(dú)立的 issue 和 pr 區(qū)可以減少大家使用和反饋的心智成本诡壁，也能更加方便我們定位問題济瓢，并行維護(hù)迭代。
Element will stay with Vue 2.x
For Vue 3.0, we recommend using Element Plus from the same team
具體可以參考 Element 的 README github.com/ElemeFE/ele…
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ù)大家的期待其馏。隨著用戶的增多盼铁，肩上的壓力也越來越大，希望大家使用了 Element 能真正為項(xiàng)目開發(fā)減負(fù)提效尝偎，這樣我們多加班，大家早下班鹏控，想到這致扯，感覺胸前的紅領(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 打包腳手架
通過 Vue CLI 插件 引入
What's Next for Element Plus?
- 一次重大視覺更新
- 2 個(gè)全新組件緊張研發(fā)中
- 訪問速度更快抖僵，功能更強(qiáng)大的官方網(wǎng)站
喜歡 Element Plus 嗎？來點(diǎn)個(gè) Star ?? 支持鼓勵(lì)我們一下吧 ~
感謝大家 4 年以來對(duì) Element 的關(guān)注缘揪，是你們的支持讓 Element 不斷完善耍群，力爭(zhēng)做到最好。我們也會(huì)不忘開源初心找筝，反哺社區(qū)蹈垢，未來將對(duì)社區(qū)更加開放，非常歡迎熱愛開源的你來和我們一起完善 Element Plus —— 贈(zèng)人玫瑰袖裕，手有余香曹抬，開源社區(qū)的維護(hù)，不僅僅是靠一個(gè)團(tuán)隊(duì)急鳄，一個(gè)公司谤民，我們相信是靠所有熱愛開源堰酿，擁有開源精神，熱衷于分享和交流的朋友們张足。
聲明
本文來自：iamkun
鏈接：https://juejin.cn/post/6900733850540834830
來自：掘金
最后
喜歡文章的小伙伴可以點(diǎn)個(gè)贊哦~触创， 照舊安利一波我們的公眾號(hào)：「終端研發(fā)部」，目前每天都會(huì)推薦一篇優(yōu)質(zhì)的技術(shù)相關(guān)的文章为牍，主要分享java相關(guān)的技術(shù)與面試技巧哼绑， 學(xué)習(xí)java不迷路。
