VUE 热门 UI 组件库

已于 2024-07-04 11:09:14 修改
阅读量2.1k 收藏 31
点赞数 47
分类专栏： 前端 文章标签： vue.js ui 前端
于 2024-07-04 10:58:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/it_computer/article/details/140173530
版权

TDesign Vue - 鹅厂优质 UI 组件，配套工具完满，设计工整，文档清晰

        TDesign 已开源，作为一款诞生于腾讯内部的 UI 组件库，经过腾讯内部 500+ 项业务检验的企业级设计体系，不仅仅是前端 UI 库，更是前端的设计指南和设计体系。支持VUE 2和 VUE 3 以及微信小程序。

        TDesign 作为大厂打磨多年后开源的 UI 组件库，文档写的非常好，不仅有「代码例子」还有「设计指南」。让你从多方面理解一个知识点，即便是萌新，也能轻松掌握。

        TDesign 还提供了辅助设计工具及设计资源，大家常用的设计工具都能找到对应的设计物料。流程规范，使用清晰，强烈推荐。

官网：TDesign - 开源的企业级设计体系

github：GitHub - Tencent/tdesign-vue: A Vue.js UI components lib for TDesign.

Ant Design of Vue - 阿里前端 UI 库，面向企业级中后台

        Ant Design Vue 是 Ant Design 的 Vue 实现，Ant Design 作为一门设计语言已经经历了多年的迭代和积累，它对 UI 的设计思想已经成为一套标准，也是 React 开发者手中的神器，Ant Design Vue 的组件风格与 Ant Design 保持同步，组件的 html 结构和 css 样式也保持一致，真正做到了样式 0 修改，组件 API 也尽量保持了一致。

官网：Ant Design Vue — An enterprise-class UI components based on Ant Design and Vue.js

github：GitHub - vueComponent/ant-design-vue: 🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

NutUI 3.0 - 京东出品，移动端友好，面向电商业务场景

        NutUI 3.0 是京东发布的 Vue 3 移动端 UI 组件库。对移动端友好，特别针对移动端电商业务场景优化测试。70+ 高质量 UI 组件，基于京东 APP 10.0 对视觉规范开发，支持按需引用，支持 TypeScript，支持主题定制。可以使用 Vue 语言来编写在 H5、小程序平台上的应用，帮助我们提升开发效率，改善开发体验。

官网：NutUI - 移动端组件库

github：GitHub - jdf2e/nutui: 京东风格的移动端 Vue 组件库，支持多端小程序(A Vue.js UI Toolkit for Mobile Web)

ArcoDesign Vue - 字节优质 UI 组件库开源，大厂逻辑，设计文档完美

         ArcoDesign 是由字节跳动 GIP UED 团队和架构前端团队联合推出的企业级设计系统，打磨沉淀 3 年之后开源，ArcoDesign 与 TDesign 开源也就是前后脚的事，让我们通过这两套开源组件，看到大厂在前端完备的设计理念和工整的生产流程。

        这套 UI 库，基于 ArcoDesign 设计规范，Arco 同时提供了 React 和 Vue 两套 UI 组件库。Vue 组件库基于 Vue 3.0 开发，并配详细的 Vue 3 上手文档。

官网：Arco Design - 企业级产品的完整设计和开发解决方案

github：GitHub - arco-design/arco-design-vue: A Vue.js 3 UI Library based on Arco Design

Element Plus - 经典中的经典，全面支持 Vue 3

        Element 支持 Vue 3 的版本来了，在 2022 年春节后第一个工作日，饿了么大前端团队发布了 Element Plus 正式版，标志着 Element 正式支持 Vue 3。前端迭代的进程就是这么快，一年前大家还在说 Vue 3 谨慎用在生产环境，现在铺天盖地的 UI 库，组件库开始全面支持 3 。

        Element Plus 优秀的方面是常用组件写的非常扎实，比如日期时间选择器、树形组件、日历组件等，这些我们自己写太费劲了，引入第三方库又麻烦，如果选择的 UI 库写的很不错，节省非常多的时间。

        Element Plus 在 Github 上瞬间拥有上万星星，已经成为 Github 上最受欢迎的 Vue3 UI 框架之一了。

官网：https://element-plus.org/

github：GitHub - element-plus/element-plus: 🎉 A Vue.js 3 UI Library made by Element team

PrimeVue - 专注于提供丰富、灵活、现代的 UI 组件

        PrimeVue 是一个基于 Vue.js 的 UI 组件库，专注于提供丰富、灵活、现代的 UI 组件，以帮助开发者构建功能强大的 Web 应用程序。PrimeVue 提供了一系列的组件，涵盖了从基本的表单元素到高级的数据表格和图表等各种组件。

官网：PrimeVue - Vue UI Component Library

github：GitHub - primefaces/primevue: Next Generation Vue UI Component Library

以夢爲馬37
关注
专栏目录
2024年，12个最值得关注的Vue开源 UI组件库
xiangzhihong8的专栏
08-10 324
从2014年发布到今年，Vue正好走过了10年，这10年也正好是前端发展的巨变之年，各种新的技术、框架、UI库 都层出不穷，今天我们来盘点一下2024年有哪些值得关注的 vue UI组件库。
UI组件库-Vue
DespairA的博客
03-15 1287
一、pc端组件库 1.element ui 组件库 2.ant design of vue 二、移动端组件库 1.Vant组件库 2.cube 组件库 3.mint组件库 4.nut ui组件库 三、简单介绍使用 1.引入element UI 在官网文档中查看安装方式 在项目命令行工具中执行命令（-s在高版本npm中不需添加） npm i element-ui -S 安装完成 引入 2.全局引入（文件较大） 在项目...
Vue UI组件库
weixin_30498807的博客
06-24 171
1、 iView UI组件库iView官网：https://www.iviewui.com/ 2、Vux UI组件库 Vux官网：https://vux.li/ 3、Element UI组件库　　Element官网：http://element.eleme.io/#/zh-CN 4、Mint UI组件库　　　　Mint UI官网：http://mint-ui.github.io/#!...
探索TDesign Flutter：腾讯开源的移动UI组件库
最新发布
gitblog_00901的博客
09-14 778
探索TDesign Flutter：腾讯开源的移动UI组件库 tdesign-flutter 项目地址: https://gitcode.com/gh_mirrors/tdes/tdesign-flutter ...
推荐21个顶级的Vue UI库！
weixin_33752045的博客
07-03 1440
作者｜Jonathan Saring译者｜无明编辑丨覃云 - 前端之巅公众号最近，随着“星球大战”（指 GitHub 的 Star 数量大比拼）的爆发，Vue.js 在 GitHub 上的 Star 数超过了 React。虽然 NPM 的下载量仍然落后于 React，但 Vue.js 的受欢迎程度似乎在持续增长。数据日期：截止 6 月 28 日与 React 一样，Vue 的最佳特性之一就是能够使...
『收藏』VUE优秀UI组件库合集
aaa333qwe的博客
11-01 3590
转载自：https://shimo.im/doc/LkpdnWxM1j40BDJj/ 随着SPA、前后端分离的技术架构在业界越来越流行，前端的业务复杂度也越来越高，导致前端开发者需要管理的内容，承担的职责越来越多，这一切，使得业界对前端开发方案的思考多了很多，以react、vue等框架为代表推动的组件化开发模式越来越被开发者认可，这种模式极大的降低了我们开发与维护的成
vue UI组件库
weixin_44575660的博客
08-12 309
vue常用的UI组件库有Mint UI和Elment 下载Mint UI npm install --save mint-ui 实现按需打包 1、下载 npm install --save-dev babel-plugin-component 2、修改 babel 配置 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" conten
vue3-ui:基于Vue3+TypeScript的UI组件库
04-23
Cloud UI for Vue 3 官方文档 运行步骤 运行 yarn 运行 yarn dev 打开 官网打包步骤 运行 yarn 运行 yarn build 得到的 dist 目录就是官网源代码 编辑并运行 sh deploy.sh 就可以上传到 Github 或码云等支持 Pages ...
基于vue3的炫酷风格ui组件库
11-20
基于vue3的炫酷风格ui组件库。基于vue3的炫酷ui组件库 特点：活力性 可玩性 原子性 组件库使用方式参考elementUI 使用 # npm npm install viog-ui #yarn yarn add viog-ui 特殊标注样式属性请添加前缀--vi-组件...
vue-technology-ui:一款科技风格的ui组件库
05-19
一款科技风格的ui组件库，适用于展示型页面（例如大屏），不适用业务繁杂的场景。 自己利用工作之余完成了文档等工作。文档模板使用了 element ui的docs，做了一些简化，本项目中有不少地方参考了 element ui的实现...
zd-ui-vue:中电基于Vue的UI组件库
05-27
该项目是基于vue的UI组件库模板，其中已经集成element-ui ,可基于element组件的二次开发。文档采用vuepress，文档配置具体参考vuepress。 开始 项目开始前，修改package.json的name为你所想生成的组件库名称，同时...
Vue UI 组件库
奔腾游子
04-27 433
vue UI 组件库 常用 Mint UI: a. 主页: https://mint-ui.github.io/#!/zh-cn b. 说明: 饿了么开源的基于 vue 的移动端 UI 组件库 Element a. 主页: https://element.eleme.cn/#/zh-CN b. 说明: 饿了么开源的基于 vue 的 PC 端 UI 组件库 使用 Mint UI 下载 npm install --save mint-ui 实现按需打包 1. 下载 npm install --
Vue UI组件库(Element UI库)
薛定谔的猫
04-15 1707
这个Vue.component(Button.name, Button);定义全局组件，第一个参数是它的名字。就是我们这个是引入ElementUI全部样式和组件，这个组件的大小就特别的大了，因此我们就主要按需引入。最新版的 .babelrc 就是 .babel.config.js。想要修改icon图标，从下面的选择一个修改就可以了。长话短说，这里以Element UI库为主。跟cv工程师一样，复制粘贴就可以了。引入之后，就可以直接使用它了。而样式，它会自动帮我们解析。
Vue组件插件和自己开发组件
qq_51609259的博客
08-14 198
ElementUI库 组件分类 1、通用组件 2、业务组件 3、页面组件
Vue Router
Logan的博客
08-27 158
一、认识路由 1、锚点的概念 案例：百度百科 特点：单页Web应用，预先加载页面内容 形式：url#锚点 2、路由的作用 Vue.js 路由允许我们通过锚点定义不同的 URL， 达到访问不同的页面的目的，每个页面的内容通过延迟加载渲染出来。 通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA） 3、参考 https://router.vuejs.org/zh/ 二、路由实例 1、创建文件夹和文件 创建文件夹 07-router，创建index.
vue实现 UI 组件库
qq_43477721的博客
08-18 836
B站地址 https://www.bilibili.com/video/BV1nJ411V75n?p=1 模仿 element-ui 组件库，实现一个自己的组件库。???????????? 一、vue脚手架初始化一个项目 vue created 自己的项目名称。 这里我们选择自定义。 初始化好之后，我们将多余的东西去掉。 二，开始封装组件 在 componets下创建一个button.vue的文件，name 为 cbButton(名字就自己起，叫啥都行)。???????? <te
Vue UI 常用组件库
qq_43531541的博客
03-12 1213
移动端常用 UI 组件库 Vant https://youzan.github.io/vant Cube UI https://didi.github.io/cube-ui Mint UI http://mint-ui.github.io PC 端常用 UI 组件库 Element UI https://element.eleme.cn IView UI https://www.iviewui.com
构建Vue PC端UI组件库：计数器组件实现
"本文将介绍如何从零开始创建一个PC端Vue UI组件库，特别是计数器组件的实现过程，包括需求分析、基本结构和实现细节，适合想要学习Vue组件开发的开发者参考。" 在开发PC端Vue的UI组件库时，计数器组件虽然不常被...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值