博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
喜大普奔,Ant Design of Vue 1.0版本发布
阅读量:6992 次
发布时间:2019-06-27

本文共 1398 字,大约阅读时间需要 4 分钟。

vue-antd-ui是一个站在巨人(antd)肩膀上的UI组件库,有着其它组件库没有的优势,几乎继承了antd所有的功能特点,自带antd各种buff。

为了更好地发展维护,组件库名称全面更新为更具品牌标识度的(自2018-08-05)

诞生于17年9月份,18年3月份正式开源,800多次commit,发布23个版本,51个组件,共计686个单测,测试覆盖率85.19%。

得益于antd的稳定,vue-antd-ui自发布第一个版本起,都没有破坏性的更新,本次发布的1.0版本自然也没有破坏性的更新。如果你在使用vue-antd-ui,你可以直接更新(npm i vue-antd-ui@1.0.0)。

自上次发布后,组件库除了解决用户反馈的bug外,又新增了List、TreeSelect、Carousel三个组件,组件数量达到51个,相较于antd,仅有Mention、Drawer(3.7.0新增)还未开发,接下来我们也会尽快完成组件的开发。

另外,虽然在中单独介绍了Vue JSX的使用,但有些开发者依然不太能够接受JSX,为此我们对Form组件进行了升级,在保留原有API不变的情况下,新增了在模板语法中使用自动收集及校验的功能。

是时候来一次竞品对比了:

本次仅仅对比国内知名的element和iView,这两个组件库都是非常优秀的组件库,组件数量都很丰富,质量也很高。

交互样式:

交互样式甚至动画是一个很主观的东西,这里我不做评价,不撕逼!我只说一句:vue-antd-ui的样式和动画和antd 100%一致。

组件数量(仅对比差异组件):

组件 iView element vue-antd-ui
ColorPicker 颜色选择器
Calendar 日历
List 列表
Scroll 无限滚动 可用List组件实现

以上差异如有遗漏,纯属疏忽!

组件质量:

质量是一个很难量化的指标,这里仅提供单测覆盖率作为参考:

iView element vue-antd-ui
暂无(出乎意料,看代码,单测还在补充中) 86% 85%

国际化:

得益于antd在国际化上的积累,vue-antd-ui在国际化语言包上有着明显的优势。最主要的是vue-antd-ui可以使用组件的方式随时更改包裹组件的语言,也就是说,同一个页面中可以同时存在多种语言。

定制化:

如果说组件数量、国际化并不是那么重要,那么我想也许定制化有可能打动你。当时开发vue-antd-ui的一部分原因是在使用iView和element时很不方便(甚至不可以)去定制一些元素。 iView和element对于一些自定义元素都是采用的方式,在不使用JSX的情况下,render函数那是相当复杂。得益于Vue 2.5.0版本之后新增的slot-scope属性,vue-antd-ui可以让你继续使用模板语法进行自定义元素。 PS:iView、element因要支持低版本的vue,暂时并没有提供该功能。

修改:多谢提醒,element新版本已经有很多属性支持slot-scope

周边生态:

优势:vue-antd-ui可以共享antd周边设计资源 缺点:缺少脚手架及各种admin,欢迎有兴趣的同学加入我们共建相关资源

链接:

仓库地址:

官网地址:

国内镜像:

转载地址:http://dwdvl.baihongyu.com/

你可能感兴趣的文章
New Guy
查看>>
IOPS计算
查看>>
支持容器节点的控件包MindFusion.WinForms Pack
查看>>
我的友情链接
查看>>
Linux系统启动过程
查看>>
2003活动目录:管理特征
查看>>
CSS实现背景透明,文字不透明(各浏览器兼容)
查看>>
NFinal 揭秘之控制器
查看>>
C语言调用SQLIte3数据库函数找不到怎么办?
查看>>
samba
查看>>
VMware 虚拟机中添加新硬盘的方法
查看>>
Linux的部分基础命令
查看>>
文件处理工具的浅析,grep,egrep.
查看>>
网站制作的注意事项
查看>>
redis-监控和告警
查看>>
Redis Sentinel(哨兵)
查看>>
ActiveMQ安装与配置
查看>>
HP DL 服务器 升级ILO的FirmWare
查看>>
《Effective C++》之条款31:将文件间的编译依存关系降至最低
查看>>
大端小端
查看>>