关于javascript:PrimeVue-推荐新轮子基于-Vue-3-开发的定制性很强的前端-UI-组件库

14次阅读

共计 1881 个字符，预计需要花费 5 分钟才能阅读完成。

来自国外的一个优良的前端 UI 组件库，基于 Vue 3 很有特色，值得钻研学习和上手应用。

PrimeVue 是一套十分优良的 Vue UI 组件库，反对 Vue 3 的 web UI 组件库，组件丰盛，定制性很强，官网文档清晰，代码例子短缺，而且中文化也做得很不错，是一款可用性很强的 Vue 组件库。

PrimeVue 的创建者是 PrimeTek Informatics，它是一个驰名的组件库供应商公司，在过来的几年中构建了不少风行的前端开源我的项目，例如 PrimeFaces，PrimeNG 和 PrimeReact。

组件丰盛。内置 70 多个罕用的组件，体验优良，应用简略
主题丰盛。内置大量主题，且提供弱小的主题定制工具
高效开发模板。由业余设计师设计并由 Vue 专家精心制作的粗劣的 Vue-CLI 开发模板
可拜访性强。面向所有人的 UI 组件，全面反对 WCAG（Web 内容可拜访性指南）规范
业余反对。杰出的反对服务，可在 1 个工作日内做出回应，并能够要求为 UI 库提供加强性能和新性能
响应式，对挪动端的反对敌对，包含优化触摸元素

PrimeVue 还有上面几个在其余 UI 库中较少见到的优良之处：

PrimeVue 是一个与设计无关的库，与其余 UI 库不同，它不强制应用某种款式（例如：material 或者 bootstrap）。实现原理是将款式分为 core 和 theme。core 驻留在 PrimeVue 外部，以实现和组件构造相干的成果，例如定位，而 theme 实现色彩，填充和边距。

同时 PrimeVue 提供各种收费开源的主题和高级主题，咱们能够从各种主题中进行抉择，也能够应用官网提供 Theme Designer 工具轻松开发本人的主题。

图标也是我关注的局部。PrimeVue 内置超多丑陋、全面的图标，应用的是 PrimeIcons v4.0，官网图标库来自 PrimeTek。

PrimeVue 是面向所有人的 UI 组件，全面反对 Web 内容可拜访性指南（WCAG）。

Web 内容可拜访性指南（WCAG）是由 Internet 次要国际标准组织万维网联盟（W3C）的 Web 可拜访性倡导（WAI）公布的一系列 Web 可拜访性指南的一部分。对于 WCAG
PrimeVue 的组件是依据 WCAG 准则开发的并遵循此处准则的最佳实际。体现在：

在适当的中央应用语义 HTML。
应用 ARIA 角色和属性来形容元素。
首选默认状况下可通过键盘拜访的元素，例如按钮，而不是可单击的 div。
实现列表元素的键盘导航。
应用色彩来反对倡议的对比度，例如 WCAG AAA 级要求失常文本的对比度至多为 7：1，大文本的对比度至多为 4.5：1。
防止在深色背景上产生光学振动的色彩会导致眼睛疲劳。

PrimeVue 还内置了图表组件的性能，这很难得。以往为了展现简略的数据图表，却要加载一个装着各种全能 / 酷炫的图表库，官网提供，应用简略，体积也很小，不香吗？

PrimeVue 不仅提供了 UI 库，其实还提供了很多大大提高开发效率的工具集，是一款能帮忙咱们在很少的工夫内做很多事件的工具库，官网和文档也反对纯粹的中文，社区也很成熟。作为一个多年的收费提供开源我的项目、高级定制或高级工具免费的商业公司，PrimeVue 是有盈利模式的，不必放心我的项目的可持续性。

PrimeVue 内置了很多很难看的主题，配色显明有特色，如果感觉应用国内风行的 Element UI / Ant Design 搭建的 UI 和市面上雷同，没有太多特色，又或者产品的用户群体为海内用户，就齐全能够思考应用 Prime Vue 来构建我的项目。

PrimeVue 做了这么多，还没完，官网还提供了：

PrimeVue Pro 是一个基于 PrimeVue 的前端 UI 模板，参照了 vue-element-admin 实现的 vue admin tempalte, 是一个治理后盾的前端解决方案，它基于 vue 和 PrimeVue 实现。应用了最新的前端技术栈，动静路由，权限验证，提炼了典型的业务模型，提供了丰盛的性能组件，它能够帮忙你疾速搭建企业级中后盾产品原型。

PrimeVue Pro 是基于 Vue-CLI 的收费凋谢源后盾治理模板，同时提供了开箱即用的 15 个 PrimeVue 主题，主题的设置很简略。

PrimeVue 是一款收费开源的 Vue 3 UI 组件库，PrimeVue Pro 是基于 PrimeVue 构建的 admin 后盾治理框架，它们都是基于 MIT 开源协定，任何人和公司都能够收费下载应用。

相干网址：https://www.thosefree.com/pri…

正文完