介绍
Vant 是有赞前端团队开源、持续维护的轻量级移动端 Vue UI 组件库，2017 年正式开源，主打移动端 H5 页面开发，国内移动端 Vue 生态最主流组件库之一。
定位：移动端优先，适合微信内置浏览器、移动端网页、混合 App（WebView）、电商类 C 端页面；对标 PC 端 Element Plus。
版本区分
| 版本 | 适配框架 | 维护状态 | 安装命令 |
|---|---|---|---|
| Vant 4 | Vue 3 | ✅ 长期维护（推荐新项目） | npm i vant |
| Vant 3 | Vue 3 | ❌ 停止维护 | npm i vant@latest-v3 |
| Vant 2 | Vue 2 | ❌ 停止维护 | npm i vant@latest-v2 |
| Vant Weapp | 微信小程序 | 独立仓库，小程序专用 | vant-weapp |
社区衍生：React-Vant（React 移动端）、支付宝小程序版本。
特性
轻量高性能
组件平均体积（min+gzip）＜1KB，零第三方依赖；支持 Tree-Shaking、按需引入，有效控制打包体积。组件丰富（80+组件）
覆盖移动端全部场景：- 基础：Button、Cell、Icon、Grid
- 表单：Input、Picker、Checkbox、Stepper
- 反馈：Toast、Dialog、Notify、Popup
- 业务组件：轮播、商品栏、优惠券、地址选择、上拉加载等，电商场景友好
工程化友好
- 使用 TypeScript 编写，完整类型提示；
- 单元测试覆盖率 90%+，稳定性强；
- 支持 SSR / Nuxt3、深色模式、无障碍访问。
高度可定制
内置大量 CSS 主题变量，轻松修改主色、间距、圆角，实现品牌定制。国际化
内置30+语言包，快速做多语言项目。完善文档
中英文文档、在线Demo，配套 Sketch/Axure 设计资源。
适用场景
✅ 移动端 H5、微信公众号网页、活动页
✅ 电商商城、零售、外卖类移动端页面
✅ Hybrid App（WebView内嵌页面）
✅ Vue3 + Vite 移动端新项目首选
❌ 不适合PC端后台管理系统（PC推荐Element Plus）
Vant vs 同类移动端组件库
- Vant：Vue、成熟稳定、电商业务组件多、社区庞大
- Vant Weapp：小程序专用，和Vant设计规范统一
- NutUI：京东开源，同样移动端Vue组件库
- UniApp uview：主要适配uni-app跨端框架