PrimeVue - 全面升级!免费开源、优雅好用的 Vue3 UI 组件库,可选主题超多

PrimeVue - 全面升级!免费开源、优雅好用的 Vue3 UI 组件库,可选主题超多

新版本发布了,主题超好看,还有很多独有的组件,强烈推荐给大家。

关于新版本 PrimeVue

PrimeVue 是一个用于 Vue.js 3.x 开发的 web UI 组件库。早在2021年10月我就推荐过这个组件库,至今一年多的时间,开发迭代非常快,如今不仅更新了官方网站,也发布了很多新的组件,是一款高质量、广受欢迎的 Vue3 组件库。

PrimeVue 新官网

PrimeVue 的技术特性

  • 从原来的 50 多个基础 UI 组件,更新到 90 多个,如按钮、输入、数据表、图表等,新组件十分使用独特,体验很好
  • 符合 Web 内容可访问性指南 (WCAG 2.0)
  • 响应式支持,在不同屏幕设备上都有很好的视觉效果
  • 提供更多预制好的主题,为更多类型的项目提供支持
  • 对 TypeScript 有更好的支持,丰富了相关开发工具
  • 更为活跃的开发社区

PrimeVue 新版本

最近这段时间 chatGPT 非常火爆,前两天我也是向 chatGPT 询问了「有哪些好用的 Vue 组件库」,它就给我推荐了 PrimeVue 这款组件,而我在2021年就已经在网站上介绍过这个组件了,这是一个优秀的组件库,有很多主题可以使用,其中不乏 Material Design 风格的主题,简约大气。

PrimeVue 按钮

重新翻看《PrimeVue – 基于 Vue 3 的免费开源、定制性强的前端 UI 组件库》这篇文章,发现之前放置的官网 404 了,才发现这一年多的时间,PrimeVue 发展非常迅猛,相比之前,整体有了全面的升级,于是打算再写一篇文章来介绍。

重要提示

PrimeVue 官网改变了域名,以前文章放置的官网已经不能访问了,本文页面放置了新官网,网页更加简洁,内容也更丰富,文档和代码例子教程也更全面,不过目前只有英文。

新组件体验优秀,动画流畅

新版本的 PrimeVue 新增了不少组件,很多组件并不多见,比如:

  • 支持「真」、「假」和「空」三种状态的三态复选框
  • 表单浮动标签:表单名称标签最优雅的交互方式
  • 更多类型的菜单交互组件
  • 电话号码、货币、大数字分隔等数字格式输入框等

还有更多实用又独特的组件,PrimeVue 都提供了易用的定制选项,处理数据和事件绑定。

PrimeVue 输入组件

PrimeVue 输入组件

超多优质的主题

实不相瞒,一开始关注 PrimeVue,其实是看到 PrimeRect 这个项目有很多好看的主题,继而发现了 PrimeVue,这其实都是 Prime 项目,只是用不同的框架实现。

新版本完善了以前的主题,而且增加了很多更好看的主题,很多设计师在 bootstrap 上开发的主题,都移植过来了,设计水平很高,很多主题配色和交互细节很有特点,和国内大同小异的 UI 风格区别很大,一看就很喜欢。而我最喜欢的就是官网默认的 bootstrap Material Design 主题。

PrimeVue 主题选择

自定义主题支持

除了内置的主题,PrimeVue 还提供了一套实用程序,让开发者可以轻松创建自定义主题,并将 PrimeVue组件集成到现有的应用程序中。

免费开源和商用说明

PrimeVue 是一个免费开源的 UI 组件库项目,采用 MIT 开源协议,基于 Vue.js 开发,Vue.js 同样是免费开源的,任何人都可以免费用于商业和非商业项目。

需要注意的是,PrimeVue 的 90+ 基础组件都是免费开源的,官方也推出基于这些基础组件搭建的块组件(block)以及完整的 admin 管理后台,这些成品是需要付费的,请注意区分。还是那句话,基础组件免费开源,高级组件付费,才能让项目健康且持续。

原文链接:https://www.thosefree.com/primevue-2023

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/31970.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

安卓APP源码和设计报告——健身系统

一、设计背景 1.需求分析 对于很多人来说拥有一副好身材能让自己增添不少魅力;对于爱吃而又担心自己发胖的人来说适当的运动健身是最好的选择。移动互联网时代,市场上“约跑”“约健身”健身APP软件成为新时代闺蜜朋友的互动模式,健身热潮的来临&#xf…

求和!李姐万岁!用ChatGPT写GitBook布局锤子便签配色的WordPress主题

我早期在Github写《Chrome插件英雄榜》连载的时候,用的是GitBook的自动构建功能,也就是在Github仓库,按照一定的规范存储markdown格式文章和配置文件,GitBook就会自动构建一本书,供读者阅读。 GitBook阅读体验确实不错…

ChatGPT + X = 更多可能性

ChatGPT具有多种先进性特征,一经发布备受瞩目,作为一个由OpenAI训练的大型自然语言处理模型,可实现自然语言生成、语言翻译、自然语言理解、语言摘要等一系列功能。发布两个月后月活用户突破1亿,成为史上用户增长速度最快的消费级…

敏捷教练是做什么的?

如果想知道敏捷教练是做什么的,看招聘要求就明白了: https://www.zhipin.com/job_detail/1416132495.html 职位描述 岗位职责: 1. 作为敏捷教练,研究、引入、推广业界先进的研发管理思想、方法论与实践。 2. 指导与推动部门的精…

图解敏捷教练和 ScrumMaster

[运营专题]零预算引爆个人和企业品牌【原文链接】 Selenium 自动化测试从零实战【原文链接】 原来这样做,才能向架构师靠近【原文链接】 Cordova App 打包全揭秘【原文链接】 TensorFlow on Android:物体识别【原文链接】 TensorFlow on Android&am…

AI解码意念!类ChatGPT模型高准确率(82%)解码大脑思想

一段视频展示了一种新的语言解码过程的程式化描述。解码器生成多个单词序列(纸条),并通过将用户大脑反应的预测与实际记录的反应进行比较,预测每个候选单词序列与实际单词序列的相似程度。Credit: Jerry Tang/Alexander Huth 像ChatGPT这样的人工智能程序…

gpt4和chatGPT的区别

一觉醒来,万众期待的GPT-4,它来了! OpenAI老板Sam Altman直接开门见山地介绍说: 这是我们迄今为止功能最强大的模型! 有多强? 根据OpenAI官方的介绍,GPT-4是一个超大的多模态模型,也…

[新人自制/Med-VQA] 这是一个可以帮忙看“片子“的 AI-Demo,欢迎大神来访留言

开局先向 coolwulf 大神致敬! Demo 地址 介绍博客 和近期大火的 ChatGPT 那种生成式不同,这个模型是个分类模型, 在自然问答的情况下还是很蠢的,但也希望在医学领域能够帮助到真的有需要的人。 后续也会根据反馈不断验证模型性…

2023最新软件测试面试题汇总,一天拿到3个offer就靠他

目录 软件工程 Linux 数据库 sql语句 测试概念和模型 测试计划与工具 测试用例设计 Web端自动化 白盒测试 shell脚本 接口测试 性能测试 移动端自动化 总结 重点:配套学习资料和视频教学 软件工程 1. 阐述软件生命周期都有哪些阶段?常见…

手撕Boost!Boost公式推导及实验验证

文章在微信公众号“硬件工程师炼成之路”首发,敬请关注。 前一段时间写了一下Buck电路的振铃,不少同学给我留了作业,让我说说Boost。今天就来看看Boost电路。 友情提示:本文字数1W了,有点长,请点赞收藏加关…

一个简单三层神经网络BP算法的公式推导

一个简单的三层神经网络BP算法的公式推导 神经网络表示梯度下降法前向误差传播反向误差传播 神经网络表示 让我们来看一个最简单的神经网络,该神经网络只有三层,分别是输入层,隐藏层和输出层。 为了表示方便,我们把线性函数和非…

BP神经网络和CNN公式推导

CNN理论基础 CNN基本结构 图一 CNN基本结构 CNN卷积神经网络的构成,主要由输入层,卷积层,池化层,全连接层,输出层等。 (1)输入层:计算机将输入层理解为若干矩阵。在数据输入前&am…

计算机视觉 | 面试题:12、手动推导反向传播公式BP

问题 现在才意识到,卷积神经网络在不同的层上的反向传播的计算公式不一样,之前一直按照全连接层的那种简单反向传播去理解了。 全连接层反向传播 在数据表示上,将全连接神经网络的每一层神经元都表示为一个列向量。每一层的神经元,会将上一层神经元的输出作为输入,通过乘…

Bp算法公式推导推导-详解

前言 学习深度学习我们应该从Bp开始,一下是学习路径 如果我们把深度学习比喻一棵大树,Bp相当于根,LeNet相当于茎,GAN,RNN,CNN相当于树叶. Bp 神经网络的简单理解 bp是 Back Propagation 的简写 ,意思是反向传播。而神经网络,听着高大上,其实…

人工神经网络推理机制,bp神经网络公式推导

Recurrent network 的backpropagation公式 怎么样推导出来 反向传播算法(Backpropagation)是目前用来训练人工神经网络(ArtificialNeuralNetwork,ANN)的最常用且最有效的算法。 其主要思想是:&#xff08…

BP神经网络理解及公式推导

BP神经网络理解及公式推导 __508任务 仅个人学习记录使用,可能有误 一、人工神经网络 人工神经网络(ANN)是一种旨在模仿人脑结构及其功能的由多个非常简单的处理单元彼此按某种方式相互连接而形成的计算机系统,该系统靠其状态对…

特斯拉面试,工控经典PLC题目:一键启动功能实现解法分析,少个坑,给自己多个机会

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言一、问题分析:二、模拟运行三、还有没有更简单的 前言 PLC 面试经典题目,一键启动功能:单个按钮按下一次控制灯亮起&#x…

使用调色板修改png图片

这个算法是参考一位高人的文章,直接读取并修改png格式图片的调色板,然后生成新的调色板替代原来的。
这样可以实现游戏中常见的变色效果,可以解决游戏容量有限,不能存放太多精灵图片的问题。 具体过程其实并不复杂,大…

android图像处理系列之三--图片色调饱和度、色相、亮度处理

原图: 处理后: 下面贴代码: 一、图片处理层: package com.jacp.tone.view;import java.util.ArrayList;import android.content.Context; import android.graphics.Bitmap; import android.graphics.Canvas; import android.gra…