官方Element Plus for Vue 3.0 Beta 版本今天發布了!

2020-12-06 清風影31

今天,Element Plus for Vue 3.0 Beta版本正式發布了!

對,就是那個被外界傳言不再維護的Element UI!

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

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

全新的視覺體驗優化的組件API更多自定義選項更加詳盡友好的文檔說到這裡,你是不是已經躍躍欲試了呢?

直接來到Element Plus官網,先進行安裝:

npm install element-plus --save

關於快速上手可參考官網,裡面對於全局配置、按需引入以及如何與新版的vue-cli

搭配使用都有詳盡的說明。

最後引用一下官方的 FAQ,他回答了小夥伴們現在最為關心的三個問題:

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

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

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

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

Q: Element UI 還會維護嗎?

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

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

開源不易,也希望大家多多關注與支持

Element 以及現在的新成員 Element Plus

相關連結

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

官方文檔:https://element-plus.gitee.io/#/zh-CN

相關焦點

  • Vue 3下element-ui用不了怎麼辦,element-plus來幫你
    element-plus你可以理解為是element-ui支持Vue 3的版本,element-plus是一套支持Vue 3.0的組件庫,提供的組件涵蓋了絕大部分頁面UI的需求。在Vue 3的腳手架項目中,首先安裝element-plus的npm包,命令如下所示:npm install element-plus -S編輯main.js,引入整個element-plus組件和所需的樣式,由於element-plus組件內部默認使用英語,而我們項目需要使用中文
  • vue-element-admin 4.0.0 正式版發布
    v4.0版本正式發布。
  • 如何在Vue3框架中使用Element Plus
    工具HBuilderXGitnpm瀏覽器技術Vue3Element PlusJavaScript 隨著Vue3版本出來後,Element也跟著出了新版本Element Plus。那麼,Vue3框架如何使用Element Plus?
  • Vue 3 的最新進展
    因此原本計劃2020年上半年發布 Vue 3,但考慮到目前的進度,不得不進行調整。現在的計劃是7月中旬發布 RC 版本,8月初正式發布 3.0 版本。Vue 3 主要部分的進展Vue 3 CoreVue 3 core 已經處於 beta 階段兩個多月,目前已合併所有計劃中的重大更改 RFC,並且在正式發布之前不會進行進一步的重大變更。
  • ElementUI 不維護了?供我們選擇的 Vue 組件庫還有很多!
    這裡放幾個知乎連結:element-ui 是不是不維護了如果 ElementUI 不維護了,也不再支持 Vue 3了我們該怎麼辦呢?仔細翻閱上述知乎回答,有些比較閒的作者已經 fork 了 ElementUI 的源碼,自己改造適配 Vue3,在此我只能說兩個字:敬佩。
  • 餓了麼公司前端團隊開源前端基於 Vue的桌面端組件庫-Element
    Element,一套為開發者、設計師和產品經理準備的基於 Vue 2.0 的組件庫,提供了配套設計資源,幫助你的開發快速成型。由餓了麼公司前端團隊開源。開源版本持續更新至2.3.2版;設計原則一致性 Consistency與現實生活一致:與現實生活的流程、邏輯保持一致,遵循用戶習慣的語言和概念;在界面中一致:所有的元素和結構需保持一致,比如:設計樣式、圖標和文本、元素的位置等。
  • vue-mapvgl v0.0.10 發布,基於 Vue 2.0 和百度地圖的地圖組件
    vue-mapvgl v0.0.10 已經發布,此版本更新內容包括:vue-mapvgl是一套基於Vue 2.0和百度地圖mapvgl的地圖組件。
  • 如何創建vue項目並使用element框架中的el-select
    1、在電腦硬碟上,找到一個位置,新建一個文件夾wmn;滑鼠右鍵選擇Git Bash Here,並在Git窗口輸入cnpm install --global vue-cli命令:cnpm install --global vue-cli
  • vue3.0手機聊天室|Vue3+Vant3仿微信界面
    項目簡介Vue3Chat是基於vue3.x+vuex4+vue-router4全家桶技術和vant3.x構建開發的一款mobile仿微信界面聊天實例。實現了發送圖文消息、圖片|視頻預覽、位置查看、紅包|朋友圈等功能。
  • Graylog v1.0-beta.3 發布
    Graylog v1.0-beta.3 發布,Graylog 0.9x 版本升級到 1.0-final 版本會非常簡單,不用任何多餘的步驟。
  • 萬興科技PDFelement 8.0版本全新發布:像操作Word一樣操作PDF文檔!
    其中,文檔創意領域,為了更好地賦能個體和企業在數字經濟時代的競爭中脫穎而出,萬興科技正式推出了企業級一站式PDF解決方案PDFelement 8.0版本(中文版為萬興PDF專家),在產品性能、新增功能和交互體驗三大方面進行了全面升級。
  • iOS 13.2 beta3 發布,更新後 AirPods 出現閃退
    10月17日消息,蘋果公司在今天凌晨正式發布開發者預覽版 iOS 13.2 beta3,該版本距離 iOS 13.2 beta2 發布還不到一周時間,有開發者朋友第一時間更新了 iOS 13.2 beta3 版本,但在體驗時發現 Bug,當系統配對新 AirPods 時就會出現閃退現象,但並不影響連接。
  • Moonlight 3.0 Preview 7 發布 - OSCHINA - 中文開源技術交流社區
    從 Moonlight 2.0 發布到現在已經一年多了,幸運的是 3.0 版本的開發非常的順利,目前只是第七個預覽版。該版本主要改進內容有:Roughly API complete to SL4.0 beta. Next preview will be API compatible with SL 4.0 RTW.
  • Chrome 38正式版官方發布 版本更新至38.0.2125.111
    :38.0.2125.111,該版本例行包含大量的修正和改進。 谷歌瀏覽器 Chrome 38 新版特性:—首先,在最新版Chrome beta中,用戶可直接從窗口標題欄上切換配置文件了
  • Laravel + Element 超簡單實現分頁效果案例教程
    4、返回結果示例,其中 size 為 3,page 為 2。返回數據除了 data ,還有兩個重要參數:一是當前頁 current_page,也就是 URL 參數中的 page,另一個是 total,表示 User 表中所有數據的總數。
  • 如何在vue項目中使用sass並設置元素樣式
    elementJavaScriptsassCSS3 在創建vue框架項目時,可以使用CSS3定義元素樣式;還可以使用sass動態變量定義元素樣式那麼,如何在vue項目中使用sass?新建項目,選擇vue模板2、在項目中src/components文件夾下,新建vue文件,輸入文件名稱,點擊創建
  • Atom 1.22.1 和 1.23.0-beta1 發布,修復 Bug
    Atom 1.22.1 更新內容:Atom 1.23.0-beta1 在修復以上問題的同時,還額外修復了:Fixed an error that would occur when attempting to use jQuery DOM objects as tooltips (#16144).
  • Xcode 12.2 beta發布 支持運行iOS 9及更高版本
    原標題:Xcode 12.2 測試版發布,提及 iOS/iPad OS 14.2   9 月 18 日消息 據 Macrumors 報導,除了向開發人員推送的 macOS Big Sur beta 7 外,蘋果還發布了 Xcode 12.2 beta。
  • digiKam 7.0.0-beta1 發布,面部管理功能有重大更新
    digiKam 7.0.0-beta1 發布了,digiKam 是一款針對 KDE 桌面環境的數字相片管理工具,此版本帶來了幾大亮點
  • Elastic Stack 6.0 beta 發布,開源系列合集
    Elastic Stack 6.0  beta 發布了,ElasticStack 是一系列開源產品的合集,包括 Elasticsearch、Kibana、Logstash 以及 Beats 等等