Vue ui 大法哪家强?
2023-09-27 14:26:44 时间
Element iView Vuex Mint UI Vant cube-ui,对比六大 vue ui 组件库,选中最适合的那个。
Element(pc)
介绍 & 版本
饿了么前端团队开发的桌面端组件库,当前最新版本:2.4.8
Star:32.067k
项目特色
- 团队维护
- 支持三个版本:
vue、react、angular
- 支持
Nuxt.js
- 常规支持:多语言、自定义主题、按需引入、内置过渡动画
- 文档详细,组件齐全
- 支持响应式布局,提供基于断点的隐藏类
- 适合常规 pc 端项目
样式
类名大量使用计算属性,css
和主文件分离单独一个文件
官网地址
GitHub 仓库地址
iView(pc)
版本介绍
主要服务于 PC
界面的中后台产品,当前最新版本:3.x
Star:18.086k
项目特色
- 团队维护
- 支持:
Nuxt.js、TypeScript、Electron
- 常规支持:多语言、自定义主题、按需引入
- 文档详细,组件齐全
- 支持响应式布局
-
UI
比较美观 - 适合常规 pc 端项目,皮肤美观
样式
less
计算属性 前缀嵌套
官网地址
GitHub 仓库地址
Vuex(mob)
介绍
类似微信样式的移动端组件库,当前最新版本:2.9.2
Star:14.358k
项目特色
- 个人维护
- 支持
Nuxt.js
- 支持自定义主题
- 组件样式仿照微信
- 适合微信端移动项目
样式
less 长类名区分
官网地址
GitHub 仓库地址
Mint UI(mob)
版本介绍
饿了么前端团队开发的移动端组件库,当前最新版本:2.2.7
Star:12.583k
项目特色
- 团队维护
- 真正做到了按需引入,每个组件有单独的包
-
CSS3
处理各种动效 - 组件齐全
- 适用于移动端常规项目
样式
scss、template、script、css
都在一个文件中,长类名区分
官网地址
GitHub 仓库地址
Vant(mob)
版本介绍
有赞团队开发的移动端组件库,当前最新版本:1.3.10
Star:6.31k
项目特色
- 团队维护
- 有多个版本:
小程序 UI => Vant Weapp
、PC 端 React UI => Zen
- 支持
SSR
- 常规支持:多语言、自定义主题、按需引入
- 文档详细,组件齐全
- 适用于移动端商城购物类网站
样式
scss
、BEM
类名命名法
官网地址
GitHub 仓库地址
cube-ui(mob)
版本介绍
滴滴团队开发的移动端组件库,当前最新版本:1.11.2
Star:4.296k
项目特色
- 团队维护
- 支持后编译
- 常规支持:多语言、自定义主题、按需引入
- 文档详细,组件齐全
- 扩展性强,可以方便地基于现有组件实现二次开发
- 适合移动端需要扩展的项目,或者引用框架部分源代码组合成自己的 ui 组件库
样式
scss
、BEM
类名命名法
官网地址
GitHub 仓库地址
相关文章
- Vue 样式绑定、事件绑定
- 【Vue】vue中VM的生命周期及加载和销毁实例
- vue 自定义报警组件
- Vue项目---尚品汇(创建项目)
- Vue 3的高颜值UI组件库
- 【Python】+Django+Vue+Element UI 实现图片上传功能
- Vue组件定义
- vue 使用element-ui实现table表单列展示与隐藏
- 后台(一)vue+element-ui(全局配置)
- vue二次实战(二)
- VUE框架 + Element UI + Node 模拟打印机的 Web 即时打印【100010758】
- vue-cli3.0结合lib-flexible、px2rem实现移动端适配,完美解决第三方ui库样式变小问题
- vue中安装及使用animate.css
- 【Ant Design Vue 】之Menu菜单
- vue element UI el-table 给表格添加复选框,并得到所选值
- vue项目中使用了vw适配方案,引入第三方ui框架mint-ui时,适配问题解决
- vue递归组件的简单使用
- vue+leaflet示例:geojson数据地形剖面分析(附源码下载)
- spring boot + vue + element-ui全栈开发入门——前端编辑数据对话框
- spring boot + vue + element-ui全栈开发入门——windows开发环境
- Vue开发实例(06)之Vue3注册Element-ui报错解决
- vue项目打包后字体文件路径出错的解决办法
- 最有用的16 个 Vue UI库
- Vue使用Element-UI实现分页效果
- Vue使用Element-UI的table组件和后端接口进行数据交互(包含前后端代码)
- Vue引入并使用Element-UI组件库的两种方式