vue-antd-ui是一个站在伟人(antd)肩膀上的UI组件库,有着别的组件库没有的上风,险些继承了antd一切的功用特性,自带antd种种buff。
vue-antd-ui诞生于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)。
自上次宣布文章:在Vue中运用JSX的准确姿态后,组件库除了处理用户反应的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关于一些自定义元素都是采纳render函数的体式格局,在不运用JSX的情况下,render函数那是相称庞杂。得益于Vue 2.5.0版本以后新增的slot-scope
属性,vue-antd-ui可以让你继承运用模板语法举行自定义元素。
PS:iView、element因要支撑低版本的vue,临时并没有供应该功用。
修正:多谢提示,element新版本已经有许多属性支撑slot-scope
周边生态:
上风:vue-antd-ui可以同享antd周边设想资本
瑕玷:缺乏脚手架及种种admin,迎接有兴致的同砚到场我们共建相干资本
链接:
堆栈地点: https://github.com/vueComponent/ant-design
官网地点: https://vuecomponent.github.io/ant-design/
国内镜像: http://tangjinzhou.gitee.io/ant-design/