為 Vue 設計的下一代 UI 組件套件。
PrimeVue 是一個完整的 Vue.js UI 套件,包含豐富的 UI 組件、圖示、區塊和應用程式範本。該專案的主要目標是通過提供易於調整和自訂的可重複使用解決方案,作為內部函式庫來提高開發人員的生產力。
該專案由 PrimeTek 創建,PrimeTek 是世界知名的熱門 UI 組件套件供應商,包括 PrimeFaces、PrimeNG 和 PrimeReact。我們團隊中的所有成員都是 PrimeTek 的全職僱員,他們對開源有著相同的熱情和願景,致力於創造出色的 UI 函式庫。如果函式庫維護人員決定不繼續該專案,依賴第三方函式庫可能會帶來風險,但 PrimeVue 並非如此,因為 PrimeTek 的過往記錄證明了這一點。例如,PrimeFaces 自 2008 年以來一直積極維護。
PrimeVue 可以兩種模式進行樣式化:樣式化或無樣式。樣式化模式基於預先設計的組件,具有 PrimeOne 設計的風格主題變體,例如 Aura、Lara 或 Nora 預設值。另一方面,無樣式模式將樣式設定留給您,同時實作功能和可訪問性。無樣式模式通過實作可插拔架構來利用 CSS 函式庫(例如 Tailwind CSS、Bootstrap、Bulma 或您自己的自訂 CSS),提供對樣式的完全控制,沒有任何限制。我們甚至進一步構建了 Tailwind 預設值函式庫,以使用 Tailwind 的實用類別來設計 UI 函式庫。這種設計在未來具有前瞻性,因為 PrimeVue 可以使用任何 CSS 函式庫進行樣式化,而無需在其核心中實際依賴它。
PassThrough 是一種創新的 API,提供對內部 DOM 元素的存取權,以新增任意屬性。一般而言,傳統的 UI 組件函式庫使用有限的 API 封裝 UI 和邏輯,這使得開發人員依賴函式庫維護人員通過新增新的屬性或事件來擴展此 API。有了 Pass Through,此限制已被消除,因為您將能夠存取組件的內部以新增事件和屬性。一些常見的用例包括新增測試屬性、其他 aria 屬性、自訂事件和樣式。
PrimeVue 符合 WCAG 2.1 AA 級別的標準;每個組件都有專門的可訪問性部分,記錄了多個方面,包括鍵盤和螢幕閱讀器支援。通過 GitHub 或 Discord 等溝通管道,全球眾多可訪問性專家持續提供反饋,以進一步改進可訪問性功能。請查看 可訪問性指南以了解更多資訊。
PrimeVue 不需要其社群的財務贊助;相反,為了獲得穩固的財務基礎,提供了可選的附加組件。這些包括 Figma UI 套件、高級應用程式範本和稱為 PrimeBlocks 的可重複使用 UI 區塊。附加組件是可選的,使用 PrimeVue 時沒有任何付費牆。