? Element UI for Vue 3.0 來了!

朱昆發表於2021-01-18

第一個使用 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 star

*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

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/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

What's Next for Element Plus?

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

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

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

相關文章