Element Plus 和 Ant Design Vue哪個好

来源:https://www.cnblogs.com/hibpm/p/18272494
-Advertisement-
Play Games

Vue3發佈後,各家第三方庫開始陸續重構並支持 Vue3 ,國內兩大知名框架 Element Plus 和 Ant Design Vue 也相續發佈新版支持 Vue3。Element Plus 和 Ant Design Vue 都是基於 Vue.js 的 UI 組件庫,它們具備一系列可復用的組件和豐... ...


Vue3發佈後,各家第三方庫開始陸續重構並支持 Vue3 ,國內兩大知名框架 Element Plus 和 Ant Design Vue 也相續發佈新版支持 Vue3。Element Plus 和 Ant Design Vue 都是基於 Vue.js 的 UI 組件庫,它們具備一系列可復用的組件和豐富的功能,並且是當前國內主流的兩個 UI 組件庫。

(1)Element Plus 是餓了麽前端團隊推出的開源項目,是對 Element UI 的升級版。它採用了 TypeScript 編寫,提供了一套易於使用、響應式的組件,支持自定義主題、國際化等特性。Element Plus 的設計風格簡潔明快,適用於企業級應用界面的構建。

(2)Ant Design Vue 是 Ant Design 的 Vue 版本,由阿裡巴巴前端團隊開發和維護。它是一個成熟的 UI 組件庫,以設計原則、可訪問性和用戶體驗為核心,在提供美觀、高效、易用的組件和佈局的同時,也包含了豐富的樣式和配套工具,幫助開發人員快速構建精美的界面。

Vue3前端框架到底應該怎麼選擇呢?本文從多個緯度對element-plus和ant-design-vue兩個框架進行對比和測評。

1、協作開髮指數

開源項目作為人類群體智能的典型表現,是否能夠建立協作式的開發管理,是促成項目成功的關鍵要素。而代碼,作為一個軟體項目的最終輸出件,是整個社區的核心內容。

02-協助開髮指數

2、代碼參與者數量

在過去 90 天內有多少活躍的代碼提交者、代碼審核者和 PR 提交者。

03-代碼參與者

3、代碼提交頻率

過去90天內平均每周代碼提交次數。

04-代碼提交頻率

4、代碼提交關聯 PR 的比率

在過去90天內提交的代碼鏈接PR的百分比。

05-代碼提交RP比率

5、社區服務與支撐

該模型用於評估開發者在貢獻過程中,直接感知到的社區提供的服務和支撐做得如何。之所以強調直接感知,是因為社區提供的許多底層服務,例如開發涉及的Devops基礎設施同樣是構建社區服務的關鍵元素。

06-社區服務支撐

6、更新 Issue 數量

過去90天 Issue 更新的數量。

07-更新Issue數量

7、關閉 PR 數量

過去 90 天內合併和拒絕的 PR 數量。

08-關閉的RP數量

8、社區活躍度

活躍度用來描述一個開源社區或者項目的活躍程度。為了使一個開源項目持續發展,必須在首次發佈後進行持續的維護和改進。活躍度展示了一個項目隨著時間的推移持續展開的工作有多少。

09-社區活躍度

9、組織活躍度

該模型用於評估社區中組織(商業公司、高校等)的活躍程度。對於一個開源項目,尤其是對於平臺型軟體項目,越多的組織參與到社區貢獻,表明社區的生態構建是朝向繁榮方向發展的。

10-組織活躍度

10、總結

Element Plus和Ant Design Vue兩者都是優秀的前端 UI 框架。我們通過對這兩個開源項目的生產力、穩健性和創新力進行了評估(以上數據來源於https://oss-compass.org/compare/s5jyxysy..sa7fu6v6?range=6M#topic_overview),相關指數顯示 Element Plus 在各個方面均領先於 Ant Design Vue。

01-概覽

Vue3開發功能線上體驗:http://www.softaicloud.com

專註雲原生、低代碼、流程引擎研發和應用。免費體驗環境:http://www.yunchengxc.com
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 腳本化CSS 我們剛講過如何獲取和設置行內樣式的值,但是我們開發不會所有樣式都寫在行內,同時js沒法獲取內嵌樣式表和外部樣式表中的值. 事實上DOM提供了可靠的API,得到計算後的樣式。 1. 獲取計算樣式表 只讀,不可寫 獲取的值是計算後的絕對值,不是相對值 window.getComputedS ...
  • ‍ 寫在開頭 點贊 + 收藏 學會 場景是用戶通過微信掃app內的收款碼,跳到一個h5頁面。然後完成支付。 代碼實現的整體流程: 使用微信掃碼,碼是app內生成的,碼的內容是一個h5頁面鏈接,掃碼完成後跳轉到自定義的h5支付界面。 掃碼進入後,將頁面展示所需要的參數進行緩存起來, ...
  • 摘要:本文詳細介紹了Nuxt3中的六個核心生命周期鉤子及其用法,包括build:done、build:manifest、builder:generateApp、builder:watch、pages:extend和server:devHandler:handler。內容涵蓋各鉤子的調用時機、參數、環... ...
  • 一.定時器 1. JS存在兩種定時器 setTimeout() 延遲定時器 setInterval() 迴圈定時器(“間隔器”) 定時器中的函數掛載在window對象,內部的this ——> window setTimerout(function(){ console.log('wuwei') }, ...
  • ‍ 寫在開頭 點贊 + 收藏 學會 近期產品期望在後臺發佈帖子或視頻時,需要添加 @用戶 的功能,以便用戶收到通知,例如“xxx在xxx提及了您!”。然而,現有的開源庫未能滿足我們的需求,例如 ant-design 的 Mentions 組件: 但是不難發現跟微信飛書對比下,有兩 ...
  • 前言 petite-vue 是為漸進增強而優化的另一種 Vue 發行版。它提供與標準 Vue 相同的模板語法和反應性心智模型。 不過,它專門針對在由伺服器框架呈現的現有 HTML 頁面上“散佈”少量交互進行了優化。 petite-vue,它在提供 vue 基本功能的同時,還能一個輕量級,簡單應用的微 ...
  • 概述了Nuxt3的六個關鍵生命周期鉤子用途:modules:before至build:before,指導如何在應用初始化、模塊管理、配置解析、模板處理及構建前執行自定義操作,附帶實例代碼,強化Nuxt應用的靈活性和可控性。 ...
  • 我們是袋鼠雲數棧 UED 團隊,致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神,探索前端道路,為社區積累並傳播經驗價值。 本文作者:霽明 背景 我們產品中會有一些流程圖應用,例如審批中心的審批流程圖: 我們數棧產品內的流程圖,基本都是使用的 mxGraph 實現的,mxGraph 使用了S ...
一周排行
    -Advertisement-
    Play Games
  • 通過WPF的按鈕、文本輸入框實現了一個簡單的SpinBox數字輸入用戶組件並可以通過數據綁定數值和步長。本文中介紹了通過Xaml代碼實現自定義組件的佈局,依賴屬性的定義和使用等知識點。 ...
  • 以前,我看到一個朋友在對一個系統做初始化的時候,通過一組魔幻般的按鍵,調出來一個隱藏的系統設置界面,這個界面在常規的菜單或者工具欄是看不到的,因為它是一個後臺設置的關鍵界面,不公開,同時避免常規用戶的誤操作,它是作為一個超級管理員的入口功能,這個是很不錯的思路。其實Winform做這樣的處理也是很容... ...
  • 一:背景 1. 講故事 前些天有位朋友找到我,說他的程式每次關閉時就會自動崩潰,一直找不到原因讓我幫忙看一下怎麼回事,這位朋友應該是第二次找我了,分析了下 dump 還是挺經典的,拿出來給大家分享一下吧。 二:WinDbg 分析 1. 為什麼會崩潰 找崩潰原因比較簡單,用 !analyze -v 命 ...
  • 在一些報表模塊中,需要我們根據用戶操作的名稱,來動態根據人員姓名,更新報表的簽名圖片,也就是電子手寫簽名效果,本篇隨筆介紹一下使用FastReport報表動態更新人員簽名圖片。 ...
  • 最新內容優先發佈於個人博客:小虎技術分享站,隨後逐步搬運到博客園。 創作不易,如果覺得有用請在Github上為博主點亮一顆小星星吧! 博主開始學習編程於11年前,年少時還只會使用cin 和cout ,給單片機點點燈。那時候,類似async/await 和future/promise 模型的認知還不是 ...
  • 之前在阿裡雲ECS 99元/年的活動實例上搭建了一個測試用的MINIO服務,以前都是直接當基礎設施來使用的,這次準備自己學一下S3相容API相關的對象存儲開發,因此有了這個小工具。目前僅包含上傳功能,後續計劃開發一個類似圖床的對象存儲應用。 ...
  • 目錄簡介快速入門安裝 NuGet 包實體類User資料庫類DbFactory增刪改查InsertSelectUpdateDelete總結 簡介 NPoco 是 PetaPoco 的一個分支,具有一些額外的功能,截至現在 github 星數 839。NPoco 中文資料沒多少,我是被博客園群友推薦的, ...
  • 前言 前面使用 Admin.Core 的代碼生成器生成了通用代碼生成器的基礎模塊 分組,模板,項目,項目模型,項目欄位的基礎功能,本篇繼續完善,實現最核心的模板生成功能,並提供生成預覽及代碼文件壓縮下載 準備 首先清楚幾個模塊的關係,如何使用,簡單畫一個流程圖 前面完成了基礎的模板組,模板管理,項目 ...
  • 假設需要實現一個圖標和文本結合的按鈕 ,普通做法是 直接重寫該按鈕的模板; 如果想作為通用的呢? 兩種做法: 附加屬性 自定義控制項 推薦使用附加屬性的形式 第一種:附加屬性 創建Button的附加屬性 ButtonExtensions 1 public static class ButtonExte ...
  • 在C#中,委托是一種引用類型的數據類型,允許我們封裝方法的引用。通過使用委托,我們可以將方法作為參數傳遞給其他方法,或者將多個方法組合在一起,從而實現更靈活的編程模式。委托類似於函數指針,但提供了類型安全和垃圾回收等現代語言特性。 基本概念 定義委托 定義委托需要指定它所代表的方法的原型,包括返回類 ...