喜大普奔,Ant Design of Vue 1.0版本发布????????????

发布时间:2019-05-28 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了喜大普奔,Ant Design of Vue 1.0版本发布????????????脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
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/

喜大普奔,Ant Design of Vue 1.0版本发布????????????

脚本宝典总结

以上是脚本宝典为你收集整理的喜大普奔,Ant Design of Vue 1.0版本发布????????????全部内容,希望文章能够帮你解决喜大普奔,Ant Design of Vue 1.0版本发布????????????所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:Vue