面向 Vue 的新一代 UI 组件库。
PrimeVue 是一个完整的 Vue.js UI 套件,包含丰富的 UI 组件、图标、区块和应用模板。该项目的主要目标是通过提供易于调整和自定义的可复用解决方案,提升开发者的生产力,就像一套内部库一样。
该项目由 PrimeTek 创建,PrimeTek 是一家世界知名的 UI 组件套件供应商,旗下包括 PrimeFaces、 PrimeNG 和 PrimeReact。我们的团队 所有成员都是 PrimeTek 的全职员工,他们怀着共同的热情和愿景,致力于开源并打造优秀的 UI 库。 依赖第三方库可能会带来风险,例如库的维护者可能停止维护项目,而 PrimeVue 并不会出现这种情况,因为 PrimeTek 的过往记录已经证明了这一点。例如,PrimeFaces 自 2008 年以来一直保持着积极维护。
PrimeVue 提供两种样式模式:有样式(styled)和无样式(unstyled)。 有样式模式基于预设皮肤的组件,使用 PrimeOne 设计体系中的主题变体,例如 Aura、Lara 或 Nora 预设。 无样式模式则只提供功能和可访问性支持,样式完全由你自己决定。 通过可插拔架构,无样式模式可以无缝结合 CSS 库,例如 Tailwind CSS、Bootstrap、Bulma,或你自己的自定义 CSS。 我们甚至进一步构建了 Tailwind Presets 库,用 Tailwind 的工具类为 UI 库提供皮肤支持。 这种设计具备前瞻性,因为 PrimeVue 可以使用任何 CSS 库进行样式化,而无需在核心上依赖它。
PassThrough 是一个创新性的 API,它提供了访问组件内部 DOM 元素并添加任意属性的能力。通常情况下,传统的 UI 组件库会封装 UI 和逻辑,仅提供有限的 API,这使得开发者不得不依赖库的维护者来新增 props 或事件以扩展功能。而通过 Pass Through,这种限制被彻底消除了,因为你可以直接访问组件的内部元素,添加事件和属性。一些常见的使用场景包括:添加测试属性、额外的 aria 属性、自定义事件以及样式。
PrimeVue 符合 WCAG 2.1 AA 级别的无障碍标准;每个组件都有专门的无障碍章节,记录了多个方面,包括键盘支持和屏幕阅读器支持。通过 GitHub 或 Discord 等沟通渠道,来自世界各地的众多无障碍专家持续提供反馈,以进一步提升无障碍功能。查看 无障碍指南 以了解更多信息。
PrimeVue 不依赖社区的资金赞助;相反,为了拥有稳固的财务基础,提供了一些可选的增值附加内容。这些包括 Figma UI 套件、高级应用模板,以及称为 PrimeBlocks 的可复用 UI 模块。这些附加内容完全可选,使用 PrimeVue 时不会有任何付费墙限制。