無人維護?官方打臉:Element UI for Vue 3.0 來了!


Element 誕生于 2016 年,起初是餓了么內(nèi)部的業(yè)務組件庫,在開源后深受廣大前端開發(fā)者的喜愛,Element 用了 4 年的時間搖身一變成為 Vue 生態(tài)中最流行的 UI 組件庫之一。目前,Element 在 GitHub 上已經(jīng)獲得 48.3k 的 star,11.9k 的 fork,NPM 下載量高達 95 萬次 / 月。
Element Plus for Vue 3.0 是一個使用 TypeScript + Composition API 重構(gòu)的全新項目。Element 團隊幾乎重寫了每一行 Element 的代碼,用最 Vue 3 的方式呈現(xiàn)了最完美的 Element,主要有:
使用 TypeScript 開發(fā),提供完整的類型定義文件
使用 Vue 3.0 Composition API 降低耦合,簡化邏輯
使用 Vue 3.0 Teleport 新特性重構(gòu)掛載類組件
使用 Lerna 維護和管理項目
使用更輕量更通用的時間日期解決方案 Day.js
升級適配 popperjs, async-validator 等核心依賴
完善 52 種國際化語言支持
除此以外,還有:
全新的視覺
優(yōu)化的組件 API
更多自定義選項
更加詳盡友好的文檔
從 Element Plus 的官網(wǎng)上可以了解到,此次 Element Plus 的設計原則主要有四個方面:
一致性(Consistency)
反饋(Feedback)
效率(Efficiency)
可控(Controllability)
具體信息可移步 Element Plus 官網(wǎng):
https://element-plus.org/#/zh-CN/guide/design
Element 開發(fā)團隊還對幾個主要問題進行了回復:
Q:Element Plus 和 Element UI 是什么關系? 為什么又一個新項目?
正如 vue-next 之于 vue,一次 100% 的重構(gòu)雖然解決了很多歷史遺留問題,但也不可避免的引入一些新的 bug 和問題,而獨立的 issue 和 pr 區(qū)可以減少大家使用和反饋的心智成本,也能更加方便我們定位問題,并行維護迭代。
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 的調(diào)整,老項目的升級不可避免的要做些許改動。但我們力爭把變更內(nèi)容做到可控,只需要很少的調(diào)整就能完成項目升級。在今后 Vue 3.0 的項目里,還是熟悉的 Element 的配方和味道。
Q:Element UI 還會維護嗎?
當然會!(而且一直在正常迭代發(fā)布呀 ヽ(??▽?)ノ)
每每看到社區(qū)類似的擔憂,對我們都是一種鞭策。作為一個負責任的開源項目,必然不會辜負大家的期待。隨著用戶的增多,肩上的壓力也越來越大,希望大家使用了 Element 能真正為項目開發(fā)減負提效,這樣我們多加班,大家早下班,想到這,感覺胸前的紅領巾更鮮艷了 。
對此,很多網(wǎng)友表示終于等到了 Element 的更新:
ヽ(??▽?)ノ原來是擱這憋大招呢;
太好了,不用學習其他 UI 框架增加成本了;
厲害厲害,謠言不攻自破......
也有網(wǎng)友提出了自己的問題:
那個表格里的滾動條啊,會不會在這次修一下呀;
我是真的搞不明白,為什么都 3.0 了組件還是一堆 data,methods,setup 呢?這樣搞的話用 3.0 的意義在哪;
如何解決 devtools 調(diào)試新的 setup api 問題呢,好像在 setup 里面定義 hooks 的方式,在 devtools 里面是識別不出來的;
先贊為敬,畢竟用了好久,幫助很大。另外 2 升 3 是不是還不如重寫?我打算那幾個項目都重寫算了;
走馬燈什么時候加上支持 touch 就好了。
現(xiàn)在,各位前端開發(fā)者已經(jīng)可以體驗 Element Plus 了,官方提供了四個安裝方式:
1、手動安裝 npm install element-plus,詳見官網(wǎng)安裝指南:
https://element-plus.org/#/zh-CN/component/installation
2、下載 Webpack 腳手架直接運行體驗:
https://github.com/element-plus/element-plus-starter
3、嘗鮮時下最炫酷的 Vite 打包腳手架:
https://github.com/element-plus/element-plus-vite-starter
4、通過 Vue CLI 插件引入:
https://github.com/element-plus/vue-cli-plugin-element-plus
官方出來打臉,Element 無人維護的謠言不攻自破,對此你怎么看?歡迎在評論區(qū)暢所欲言。
https://juejin.cn/post/6900733850540834830
轉(zhuǎn)到微信公眾號:前端之巔
原文鏈接:https://mp.weixin.qq.com/s/t2_KhztvgqoFVKWT5xiMHw
