vant

有赞商城想必大家都听过吧，今天为大家带来的是和有赞同个前端团队开发的vant，它是一个移动端的ui组件库，具有实用性和易用性的特点，相对于其他的ui框架组件，vant无论是在操作上还是代码的实例上都更胜一筹，软件内置完善的中英文文档，更加清晰了然，可随时协助用户完成ves.js组件的开发工作，简单务实，上手非常快，并且vant的更新速率会更好，感兴趣的伙伴们可以来pc软件园下载。

vant官方介绍：

Vant是有赞前端团队开源的移动端组件库，于2017年开源，已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。

目前Vant官方提供了Vue2版本、Vue3版本和微信小程序版本，并由社区团队维护React版本和支付宝小程序版本，ant旨在更快、更简单地开发基于vue的美观易用的移动站点。

Vant软件特色：

组件都是来源于有赞的微商城业务，并且经过有赞业务的检验，更靠谱

完善详实的 中文文档

专门的设计师团队维护视觉规范，统一而优雅

支持 babel-plugin-import

单测覆盖率超过90%

建议搭配 webpack，babel 使用 Vant，这样可以使用 webpack 提供的丰富插件和个性化配置。Vant 支持了 babel-plugin-import，通过 babel 插件使用 Vant，可以优化代码体积，提高前端性能。

vant软件亮点：

轻量化

作为移动端组件库，Vant 一直将轻量化作为核心开发理念。为了平衡日益丰富的功能和轻量化之间的矛盾关系，Vant 内部使用了很多的优化方式，包括支持组件按需加载、公共模块复用、组件编译流程优化等。

在应用一系列的优化手段之后，目前 Vant 的组件平均体积仅有 8.8KB，Uglify + Gzip 后约 1KB。

丰富实用的业务组件

Vant 不只是提供基础的UI组件，为了方便开发者快速构建移动商城，Vant 增加了许多移动商城内常用的业务组件。类似于地址管理、优惠券、省市县选择等。

vant软件优势：

组件内容

Form 表单：用于数据录入、校验，支持输入框、单选框、复选框、文件上传等类型。

NumberKeyboard 数字键盘：虚拟数字键盘，可以配合密码输入框组件或自定义的输入框组件使用。

Search 搜索：用于搜索场景的输入框组件。

Notify 消息提示：在页面顶部展示消息提示，支持函数调用和组件调用两种方式。

Circle 环形进度条：圆环形的进度条组件，支持进度渐变动画。

vant功能服务：

提供 60 多个高质量组件，覆盖移动端各类场景

性能极佳，组件平均体积不到 1kb(min+gzip)

单元测试覆盖率 90%+，提供稳定性保障

完善的中英文文档和示例

支持 Vue 2 & Vue 3

支持按需引入

支持主题定制

支持国际化

支持 TypeScript

支持 SSR

vant软件评价：

相对于桌面端的element，vant是民间与其齐名的UI框架，易用性和代码实例都很完善，比element要好的一点是，vant更新频率很高。

vant官方的文档清晰易懂，如果你熟悉vue.js的组件化开发，上手非常容易，毫不夸张地说，阅读片刻就能应用在实际生产项目中。

或许是因为维护该UI框架的是100多个前端工程师，vant 给人的感觉是工程师风格很浓重，简单务实，因此在官网展示的UI设计细节，甚至很多组件上，没有像element那样处理到位，我大胆猜测，设计师可能在团队里的话语权不大，所以这款UI框架，可能更适合前端工程师，因为设计师可能会觉得丑，哈哈哈。

vant更新内容：

DatetimePicker: 修复设置 filter 属性时可能出现当前日期不正确的问题 #9009

Step: 修复 z-index 层级问题 #9004