第一個使用TypeScript + Vue 3.0 Composition API 重構的組件庫Element Plus 發布了~

2016 年3 月13 日Element 悄然誕生，經歷了4 年的風雨洗禮，我們從一個餓了麼內部業務組件庫成長為Vue 生態裡最流行的UI 組件庫之一。

截至本文撰寫時，Element已獲得48200 Github Star， NPM下載量95萬次/每月的可喜成績。感謝超過530 名社區貢獻者的參與維護，和我們一同完成了4400 次commit 的更新迭代。

*Element 開發團隊40000 Github Star 慶祝會

Element Plus for Vue 3.0

2020 年，隨著Vue 3.0 不斷完善和發布，我們也緊張投入到Element 對Vue 3.0 的升級適配工作中。歷經6 個月共計23 個alpha 版本的迭代，終於，在今天， Element Plus for Vue 3.0 Beta 版本正式發布！

https:// github.com/element-plus /element-plus

Vue 3.0 的大版本升級，對生態組件庫來說也是一次丟掉歷史包袱前行的好機會，我們大刀闊斧對Element 進行了一次深度重構。

Element Plus for Vue 3.0 是一個使用TypeScript + Composition API 重構的全新項目。我們幾乎重寫了每一行Element 的代碼，用最Vue 3 的方式呈現了最完美的Element，主要有：

• 使用TypeScript 開發，提供完整的類型定義文件
• 使用Vue 3.0 Composition API 降低耦合，簡化邏輯
• 使用Vue 3.0 Teleport 新特性重構掛載類組件
• 使用Lerna 維護和管理項目
• 使用更輕量更通用的時間日期解決方案Day.js
• 升級適配popperjs, async-validator 等核心依賴
• 完善52 種國際化語言支持

除此以外，還有：

• 全新的視覺*
• 優化的組件API
• 更多自定義選項
• 更加詳盡友好的文檔

Q：Element Plus 和Element UI 是什麼關係? 為什麼又一個新項目？

正如vue-next之於vue ，一次100%的重構雖然解決了很多歷史遺留問題，但也不可避免的引入一些新的bug和問題，而獨立的issue和pr區可以減少大家使用和反饋的心智成本，也能更加方便我們定位問題，並行維護迭代。

Element will stay with Vue 2.x

For Vue 3.0, we recommend using Element Plus from the same team

具體可以參考Element的README https:// github.com/ElemeFE/elem ent/blob/dev/README.md

Q: 老Element 項目可以平滑升級到Vue 3.0 + Element Plus 嗎？

由於Vue 3.0 升級引入了部分API 的調整，老項目的升級不可避免的要做些許改動。但我們力爭把變更內容做到可控，只需要很少的調整就能完成項目升級。在今後Vue 3.0 的項目裡，還是熟悉的Element 的配方和味道。

Q: Element UI 還會維護嗎？

當然會！ (而且一直在正常迭代發布呀ヽ(✿ﾟ▽ﾟ)ノ)

每每看到社區類似的擔憂，對我們都是一種鞭策。作為一個負責任的開源項目，必然不會辜負大家的期待。隨著用戶的增多，肩上的壓力也越來越大，希望大家使用了Element 能真正為項目開發減負提效，這樣我們多加班，大家早下班，想到這，感覺胸前的紅領巾更鮮豔了。

開始體驗吧

有很多方式可以體驗Element Plus for Vue 3.0

• 手動安裝npm install element-plus ，詳見官網安裝指南
• 下載Webpack腳手架直接運行體驗
• 嚐鮮時下最炫酷的Vite打包腳手架
• 通過Vue CLI插件引入

What's Next for Element Plus?

• 一次重大視覺更新
• 2 個全新組件緊張研發中
• 訪問速度更快，功能更強大的官方網站

喜歡Element Plus嗎？來點個Star ❤️支持鼓勵我們一下吧~

感謝大家4 年以來對Element 的關注，是你們的支持讓Element 不斷完善，力爭做到最好。我們也會不忘開源初心，反哺社區，未來將對社區更加開放，非常歡迎熱愛開源的你來和我們一起完善Element Plus —— 贈人玫瑰，手有餘香，開源社區的維護，不僅僅是靠一個團隊，一個公司，我們相信是靠所有熱愛開源，擁有開源精神，熱衷於分享和交流的朋友們。