第一個使用 TypeScript + Vue 3.0 Composition API 重構的組件庫 Element Plus 發佈了 🎉 ~vue
2016 年 3 月 13 日 Element 悄然誕生,經歷了 4 年的風雨洗禮,咱們從一個餓了麼內部業務組件庫成長爲 Vue 生態裏最流行的 UI 組件庫之一。git
截至本文撰寫時,Element 已得到 __48200__ Github Star, NPM 下載量 __95__ 萬次/每個月的可喜成績。感謝超過 530 名社區貢獻者的參與維護,和咱們一同完成了 4400 次 commit 的更新迭代。github
*Element 開發團隊 40000 Github Star 慶祝會vue-cli
Element Plus for Vue 3.0
2020 年,隨着 Vue 3.0 不斷完善和發佈,咱們也緊張投入到 Element 對 Vue 3.0 的升級適配工做中。歷經 6 個月共計 23 個 alpha 版本的迭代,終於,在今天, Element Plus for Vue 3.0 Beta 版本正式發佈 🎊 !npm
https://github.com/element-plus/element-plusasync
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 種國際化語言支持插件
除此之外,還有:code
- 全新的視覺*
- 優化的組件 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/element/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 —— 贈人玫瑰,手有餘香,開源社區的維護,不單單是靠一個團隊,一個公司,咱們相信是靠全部熱愛開源,擁有開源精神,熱衷於分享和交流的朋友們。