喜大普奔，Ant Design of Vue 1.0版本发布🎉🎉🎉

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

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

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

得益于antd的稳定，vue-antd-ui自发布第一个版本起，都没有破坏性的更新，本次发布的1.0版本天然也没有破坏性的更新。若是你在使用vue-antd-ui，你能够直接更新(npm i vue-antd-ui@1.0.0)。github

自上次发布文章:在Vue中使用JSX的正确姿式后，组件库除了解决用户反馈的bug外，又新增了List、TreeSelect、Carousel三个组件，组件数量达到51个，相较于antd，仅有Mention、Drawer(3.7.0新增)还未开发，接下来咱们也会尽快完成组件的开发。npm

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

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

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

交互样式：

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

组件数量(仅对比差别组件)：

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

以上差别若有遗漏，纯属疏忽！函数

组件质量：

质量是一个很难量化的指标，这里仅提供单测覆盖率做为参考：oop

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，欢迎有兴趣的同窗加入咱们共建相关资源

连接：

仓库地址: github.com/vueComponen…

官网地址: vuecomponent.github.io/ant-design-…

国内镜像: tangjinzhou.gitee.io/ant-design-…