ElementUI 组件库以外，供咱们选择的 Vue 组件库还有不少！

时间  2021-08-12
标签 前端 vue git github web vuex vue-cli element-ui 小程序 后端 栏目 Git 繁體版
原文   原文链接

quote

前文回顾：Vue+Spring Boot 先后端分离的商城项目开源啦！前端

Vue 组件千千万，只要不行咱就换。vue

ElementUI 近况

根据我最近的观察，得知一些关于 ElementUI 维护人员都退去的消息，这意味着什么？意味着已经学不动的咱们，不用再去学新东西了，开不开心？意不意外？git

这里放几个知乎连接：github

element-ui 是否是不维护了web

若是 ElementUI 不维护了，也再也不支持 Vue 3了咱们该怎么办呢？vuex

仔细翻阅上述知乎回答，有些比较闲的做者已经 fork 了 ElementUI 的源码，本身改造适配 Vue3，在此我只能说两个字：敬佩。vue-cli

那么面对这样的状况，做为前端开发的咱们应该如何将损失降到最低呢？element-ui

个人答案是：耐心等待更新，不要着急不要惊慌，团队核心成员依然在进行项目的更新，下一代 Element Plus github.com/element-plu… 也在持续迭代中。小程序

如何选择一个好的 UI 框架做为项目的组件库

  • 😍好看后端

    先抛开大不大厂不说，中小厂为了加快开发效率，可能不会对 UI 组件库的样式作太多的改动，这就要求 UI 组件库自己就要自带颜值✨。

  • 🏭大厂加持

    先不说大厂要有多大吧，起码要有独立的团队去维护组件库，如果桃园三结义通常由于某些意气用事，要搞一个组件库，最后公司卖给某宝，撒手框架无论，这就比较尴尬。

  • 💡好的生态

    什么是生态，就是围绕着这个框架的周边设施是否齐全。比方说 Github 上的 Issue 是否能快速给予提问者反馈，是否有论坛社区等网站让使用者能够贡献本身的二次开发的组件（物料库），开源做品多很少，文档写得好很差（特别是中文文档）等等，都将决定这个组件库的发展好坏与否。

以上排名不分前后，每一条都很重要，请根据本身公司业务的实际状况，酌情选择。

市面上现有的组件库分析

说到组件库，React 我先不提了，由于统一标配 Ant Design。

Vue 的组件库可谓是百花齐放、琳琅满目、选不过来，下面我按照我的印象给你们评价一下市面上这些有人用的 Vue 组件库。

如下介绍顺序，分前后，按照 Github 的⭐⭐数。

ElementUI

📖做者：饿了么团队（现已被阿里收购） ⭐Github star：46.8k+ 📌属性：PC 端组件库

简介： 内涵 55+ 个网页开发经常使用组件，而且组件库结合了 vue-cli 出了相应的插件 Element 插件，你能够用它们快速地搭建一个基于 Element 的项目。引入方式也支持了按需引入，以达到减少项目体积的目的。在主题方面，官方本身提供了一些，而且能够上传自定义主题。

👍相关开源项目：

  • vue-element-admin：一款基于 ElementUI 二次开发的后台开源项目。
  • vue-manage-system：基于 Vue + Element UI 的后台管理系统解决方案。
  • vue2-element-touzi-admin：基于 Vue2.0 + vuex + ElementUI 后台管理系统。
  • element3：慕课网讲师蜗牛老师我的维护的一个 ElementUI + Vue3.0 版本，固然如今可能就是 beta 版本的 Vue3.0。本身平时作项目拿来把玩能够，可是用于公司生产环境须要三思。

🎬总结： 从这几个比较好的开源项目类型能够看出，ElementUI 多数用于后台管理系统的页面开发，业务组件也多用于数据的处理以及表格表单的展现，可是仍是那句话没人维护了，要是用的同窗请慎重考虑一下后面要更新的 Vue3.0。

Vuetify

📖做者：John Leider、Heather Leider、Kael Watts-Deuchar 等，一群国外开发大佬，详情能够点击上面的 Github 地址查看。 ⭐Github star：27k+ 📌属性：PC 端组件库

简介： Vuetify 是 Vue.js 的头号组件库，自 2016 年以来一直在积极开发。这点能够说至关优秀，从他们的官方文档上整齐的广告能够看出，该组件库受到广大甲方的一致好评，纷纷投来广告。在生态上作的也至关到位，甚至还有付费的主题。相应组件的文档也很是详细，有用例和 API 的解释，在开发的过程当中能减小不少没必要要的麻烦。

👍相关开源项目：

🎬总结： 难道是个人错觉吗？国内的小伙伴们都很是爱国，这个组件库在 Github 几乎找不到什么好的开源项目，不兼容 Edge 和 IE 浏览器让它在咱们国内可能不是很吃香。如果公司有对 IE 的支持需求，选它的时候要三思然后行。

Vux

📖做者：airyland 等我的维护项目 ⭐Github star：17.2k+ 📌属性：Mobile 组件库、基于WeUI

简介： 我很欣慰国内有这样优秀的我的开发能开发出这样不错的组件库，集结了一些有志之士一块儿维护着这个看着并不怎么惊艳的开源项目。做者在官方文档下方就直说了：“体验不佳，维护靠我的。“ 我再看了看主要贡献者的 Github 活跃程度，以及近期的 Issues 解决状况，我敢断言，这个框架只要做者还健在，应该不会歇菜。特别是微信 H5 开发的朋友，这款组件库的 UI 是基于微信官方样式设计的，十分贴合，建议使用。

👍相关开源项目：

🎬总结： 文档好、组件多、还有又拍云的独家赞助。可是是我的维护的项目，而且最新的更新时间也是2019年4月份，我的仍是很喜欢这个开源项目的，但愿做者可以继续更新，在升级 Vue3 后就不是很推荐使用了。

Vant

📖做者：有赞技术团队 ⭐Github star：14.6k+ 📌属性：Mobile 组件库

简介： Vant 是一个移动端组件库，支持 TS、SSR、按需引入、国际化等等，最重要的是它还支持小程序。官方文档支持中英文，而且文档对开发者也是很是友好，有用例和展现效果。组件丰富，由于有赞团队是作商城类的，因此 Vant 支持了一些商城的特点组件，如地址栏、省市区、商品卡片、优惠券、提交订单、商品规格等等。

👍相关开源项目：

  • vant-demo：Vant 官方示例合集，包含了 Vant、Vant Weapp 和 Vant Cli 相关的示例，详细内容请打开各目录查看。

  • vant-weapp：Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本，二者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用。

🎬总结： 看了如下 Github 的 Issue，最近一次更新在前几天，说明框架一直在维护中。有赞目前已经上市，公司内部都是使用 Vant 进行开发，因此开发者们没必要担忧这个组件库再也不被维护，相信 Vue3 出来以后，团队也会对组件库作升级处理。

Ant-design-vue

📖做者：唐金州 ⭐Github star：11.3k+ 📌属性：PC 组件库

简介： 这里是 Ant Design 的 Vue 实现，开发和服务于企业级后台产品。加了 ant 貌似是蚂蚁金服开发的，实际上是我的按照 ant-design 作了一对一的临摹。

👍相关开源项目：

  • ant-design-vue-pro：基于 Ant Design of Vue 实现的 Ant Design Pro。
  • vue-alain：使用 Vue-cli 3.0、TypeScript、ant-design-vue 实现的中后台框架。
  • k-form-design：基于 Vue 和 ant-design-vue 实现的表单设计器。

🎬总结： ant-design-vue 也算是国内我的开发者里，临摹比较成功的案例，乘着蚂蚁金服这波流量，迅速涨星星。组件还算看得过去，问题也更新的挺及时的，中规中矩的一个组件库，可用。

Cube-UI

📖做者：滴滴团队 ⭐Github star：8.3k+ 📌属性：Mobile 组件库

简介： 从官方文档一眼就看出它是滴滴团队开发维护的，组件数量不是不少，没有什么特点，最新版本竟然是今年4月份的，版本更新也不是很及时。

👍相关开源项目：

🎬总结： 这里就不作过多介绍了，也只有滴滴内部的人员会去使用了，毕竟 Vue 移动端组件那么多，我为何要选一个又丑维护又不及时的组件库呢，再见👋。

Mand-Mobile

📖做者：滴滴团队 ⭐Github star：2.7k+ 📌属性：Mobile 组件库

简介： Mand Mobile 是面向金融场景设计的移动端组件库，基于Vue.js实现。目前已实际应用于滴滴四大金融业务板块的10余款产品中。40+ 的实用组件，知足基本的业务需求。

👍相关开源项目：

  • palette：mand-mobile 的视觉主题编辑器。

🎬总结： 这个移动端组件就很是有特色了，就好像 Vant 针对的是电商，Mand 针对的是金融业务。内部有丰富的金融业务相关的组件，如金融数字、票据、验证码、收银台、折线表、刻度尺、数字键盘等等。要是你的公司是作金融业务的，能够尝试使用这套组件库。

NutUI

📖做者：京东团队 ⭐Github star：2.2k+ 📌属性：Mobile 组件库

简介： 2020 年初新出的一个船新组件库。NutUI 是一套京东风格的移动端组件库，开发和服务于移动 Web 界面的企业级产品。50+ 高质量组件，40+ 京东移动端项目正在使用。

👍相关开源项目：

  • nutui-demo：基于 Vue CLI 搭建 NutUI 的相关示例项目。

🎬总结： 刚刚出来，开源项目不是不少，京东这个组件库要是作得好的话，可能会超过 Vant 有赞的，毕竟东哥把咱们都看成兄弟，他的技术团队确定不会坑咱们。组件内有几个特点组件，如数字倒计时、图片懒加载、视频、配送时间、转盘抽奖、签名、地址选择等等。说实话，看到转盘抽奖的时候，我都惊了，京东～真有你的！！

还有不少不少默默无闻的个体户，用心的维护着本身的组件库，在这就不一一拿出来介绍了，由于真的不少！！！也但愿你们也能够在评论区畅所欲言，说说大家喜欢的组件库，感谢你们的观看。

最后，推荐一下我的写的 Vue 商城项目，感兴趣的同窗能够观摩一下，给个 star ：

newbee-mall 在 GitHub 和国内的码云都建立了代码仓库，若是有人访问 GitHub 比较慢的话，建议在 Gitee 上查看该项目，两个仓库会保持同步更新。

除注明转载/出处外，皆为做者原创，欢迎转载，但未经做者赞成必须保留此段声明，且在文章页面明显位置给出原文连接，不然保留追究法律责任的权利。

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程