Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。
在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正式使用。
开发团队在使用Vue.js框架和UI组件库以后,开发效率大大提高,自己写的代码也少了,很多界面效果组件已经封装好了。
在选择Vue UI组件库的过程中,通过GitHub上根据star数量、文档丰富程度、更新的频率以及维护等因素,也收集整理了一些优秀的Vue UI组件库。

1、 iView UI组件库

iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。iView的组件还是比较齐全的,更新也很快,文档写得很详细。有公司团队维护,比较可靠的Vue UI组件框架。iView生态也做得很好,还有开源了一个iView Admin,做后台非常方便。官网上介绍,iView已经应用在TalkingData、阿里巴巴、百度、腾讯、今日头条、京东、滴滴出行、美团、新浪、联想等大型公司的产品中。
iView官网:https://www.iviewui.com/

2、Vux UI组件库

Vux是基于WeUI和Vue2.x开发的移动端UI组件库,主要服务于微信页面。Vux的定位已经很明确了,一是:Vue移动端UI组件库,二是:WeUI的基础样式库。Vux的组件涵盖了所有的WeUI的内容,还扩展了一些常用的组件。比如:Sticky、timeline、v-chart、XCircle。Vux是个人维护的。但是GitHub上star还是很高的,达到13k。在GitHub上看到对issue的关闭还是很迅速的。Vux文档基本的组件用法和效果都讲解到位了。在vux官网上也展示了很多Vux的使用案例。在微信页面开发中,基本没有太多的bug,开发还是比较顺手的。
Vux官网:https://vux.li/

3、Element UI组件库

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。Element是饿了么前端开源维护的Vue UI组件库,更新频率还是很高的,基本一周到半个月都会发布一个新版本。组件齐全,基本涵盖后台所需的所有组件,文档讲解详细,例子也很丰富。没有实际使用过,网上的Element教程和文章比较多。Element应该是一个质量比较高的Vue UI组件库。
Element官网:https://element.eleme.cn/#/zh-CN

4、Bootstrap-Vue UI组件库

Bootstrap-VUE提供了基于vue2的Bootstrap V4组件和网格系统的实现,完成了广泛和自动化的WAI ARA可访问性标记。Bootstrap 4是最新发布的版本,与 Bootstrap3 相比拥有了更多的具体的类以及把一些有关的部分变成了相关的组件。同时 Bootstrap.min.css 的体积减少了40%以上。Bootstrap4 放弃了对 IE8 以及 iOS 6 的支持,现在仅仅支持 IE9 以上 以及 iOS 7 以上版本的浏览器。想当初刚流行响应式网站的时候,Bootstrap是世界上最受欢迎的建立移动优先网站的框架,Bootstrap可以说风靡全球。就算放在现在很多企业网站都是采用Bootstrap做的响应式。Bootstrap-Vue可以让你在Vue中也实现Bootstrap的效果。
Bootstrap-Vue官网:https://bootstrap-vue.js.org/

5、Ant Design Vue UI组件库

Ant Design Vue是 Ant Design 3.X 的 Vue 实现,开发和服务于企业级后台产品。在GitHub上可以找到几个Ant Design的Vue组件。不过相比较而言,Ant Design Vue更胜一筹。Ant Design Vue共享Ant Design of React设计工具体系,实现了所有Ant Design of React的组件,支持现代浏览器和 IE9 及以上(需要 polyfills)。可以让熟悉Ant Design的在使用Vue时,很容易的上手。
Ant Design Vue官网:https://www.antdv.com/docs/vue/introduce-cn/

6、AT-UI UI组件库

AT-UI 是一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站中后台产品,支持现代浏览器和 IE9 及以上。AT-UI 更加精简,实现了后台常用的组件。
AT_UI官网:https://at-ui.github.io/at-ui/#/zh

7、Muse-UI UI组件库

Muse-UI基于 Vue 2.0 优雅的 Material Design UI 组件库。Muse UI 拥有40多个UI 组件,用于适应不同业务环境。Muse UI 仅需少量代码即可完成主题样式替换。Muse UI 可用于开发的复杂单页应用
Muse-UI官网:https://muse-ui.org/#/zh-CN

8、Vant UI组件库

特性:60+ 高质量组件、90% 单元测试覆盖率、完善的中英文文档和示例、持按需引入、支持主题定制、支持国际化、支持 TS、支持 SSR、
Vant 官网:https://vant-contrib.gitee.io/vant/#/en-US/

你知道这些吗?8款优秀的Vue UI组件库推荐,都能打开呦相关推荐

  1. 16款优秀的Vue UI组件库推荐

    16款优秀的Vue UI组件库推荐 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可. 在公司的Web前端项目开发中,多个项目采用 ...

  2. 17款优秀的Vue UI组件库汇总

    17款优秀的Vue UI组件库推荐 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可. 在公司的Web前端项目开发中,多个项目采用 ...

  3. 优秀的Vue UI组件库

    Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可.在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正 ...

  4. vant引入组件报错_强烈推荐优秀的Vue UI组件库

    在我们实际开发中常常因为项目周期短不得不引入一些UI框架来辅助开发 那常见的比较好的UI框架有那些呢(基于VUE) Element UI组件库 (pc端) Element,一套为开发者.设计师和产品经 ...

  5. FreeUI,一款微信原生开发UI组件库

    Free UI 轻量简洁的微信原生开发UI组件库 简介 Free UI,是一款微信原生开发的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水 如果你喜欢,请给个star呗~ 个人说明 如有问题 ...

  6. 小白如何上手几款微信小程序UI组件库

    文章目录 1. 环境信息 2. GO 2.1 新建项目 2.2 使用WeUI微信官方组件 2.21. 命令行进入该项目文件夹 2.22. npm初始化 2.23. npm安装该组件包 2.24.npm ...

  7. 十多款优秀的Vue组件库介绍

    十多款优秀的Vue组件库介绍 1. iView UI组件库 iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品.iView的组件还是比较齐全的,更新也很快, ...

  8. 5 款最棒的 Vue 移动端 UI 组件库 - 特别针对国内使用场景推荐

    本文完整版:<最棒的 Vue 移动端 UI 组件库 - 特别针对国内使用场景推荐> Vue 移动端 UI 组件库推荐 Vant 3 - 有赞移动 UI 组件库,支持 Vue 3 微信小程序 ...

  9. 分享6款优秀的 AR/VR 开源库 – 切切歆语的博客 – CSDN博客

    文章目录[隐藏] 分享6款优秀的 AR/VR 开源库 分享6款优秀的 AR/VR 开源库 2017年12月26日 08:54:47 切切歆语 阅读数:4457 今天,为大家推荐几款优秀的 AR/VR ...

最新文章

  1. 武汉大专计算机专业分数线,武汉高考分数线最低的大专,2021年武汉大专最低分数线是多少...
  2. Python游戏开发,Pygame模块,Python从零开始带大家实现一个魔塔小游戏
  3. SpringMVC @RequestBody 接收Json数组对象
  4. transfer function
  5. Win64 驱动内核编程-2.基本框架(安装.通讯.HelloWorld)
  6. 球迷福利!Next VR本周将直播三场ICC比赛
  7. hihoCoder #1467 : 2-SAT·hihoCoder音乐节
  8. 通信人,请不要吝啬举手之劳
  9. mysql 缓存监控_MySql 缓存查询原理与缓存监控 和 索引监控
  10. Java数据库连接池--DBCP浅析
  11. 导入Anaconda中的第三方库运行时报错:ImportError: Missing required dependencies ['pandas']
  12. python中typeerror_python – TypeError:ufunc subtract不能使用类型为dtype(‘
  13. python如何输入多行数据合并_Python如何将多行数据合并成一行|python如何实现excle数据合并...
  14. android如何展示富文本_Android中如何在textView实现富文本
  15. 详解Vant组件的使用
  16. TD幅度预测、幅度膨胀突破、TD通道
  17. 主流搜索引擎蜘蛛的IP地址网段整理
  18. 信息系统项目管理师 - 项目立项管理
  19. linux proc 文件系统下 entry 的解释(转)
  20. Fiddler 抓包工具“测试人员”高频使用方法

热门文章

  1. 高校公寓管理系统的设计与实现
  2. 智能窗帘研究制作_智能窗帘的制作方法
  3. 【安卓基础】基于Android Studio的家庭理财通项目
  4. [译] JavaScript 性能优化杀手
  5. python泰坦尼克号案例分析_Python机器学习案例-泰坦尼克之灾
  6. 传奇开服需要多少钱?传奇开服技术要学多久?
  7. 手把手教弟弟写了个扫雷demo,弟弟竟拿去跟大学同学装* 附(思路注释+源码)
  8. QQ浏览器隐私泄露报告
  9. 语音和面部识别技术能帮助AI在情商上超越人类吗
  10. php gps定位范围算法,基本的GPS卫星定位算法