Vant

Vant 是有赞开源、基于 Vue 3 的移动端组件库，以组件平均体积小于 1KB（min+gzip）的极致轻量和 700+ 主题变量定制能力，在同类库中主打高性能与零外部依赖。

核心特性与数据

Vant 4 提供 80+ 高质量组件，覆盖移动端主流场景；单元测试覆盖率超 90%，保障稳定性；使用 TypeScript 编写，提供完整类型定义；零外部依赖，不依赖三方 npm 包。

• 组件体积: 平均小于 1KB（min+gzip），性能极佳
• 主题定制: 内置 700+ 个主题变量，支持深色模式
• 语言支持: 内置 20+ 种语言包，支持国际化
• 无障碍: 持续改进无障碍访问（a11y）

Vant 4 新增组件与改进

Vant 4 于 2022 年 12 月发布，新增 BackTop、TimePicker、DatePicker、PickerGroup 及骨架屏子组件（SkeletonTitle、SkeletonImage、SkeletonAvatar）。按需引入不再强依赖 Babel，可配合 SWC、esbuild 等现代编译工具，提升编译效率。

• BackTop: 回到顶部操作按钮
• TimePicker/DatePicker: 时间与日期选择器，支持时、分、秒
• PickerGroup: 组合多个 Picker 在一次交互中完成多值选择
• showToast 方法: 可从 Vant 直接导入，不受 babel-plugin-import 限制

多版本与生态支持

Vant 官方维护 Vue 2（Vant 2）、Vue 3（Vant 3/4）及微信小程序版本（vant-weapp）；社区维护 React 版本（3lang3/react-vant）和支付宝小程序版本（vant-aliapp）。Vant 4 支持 Nuxt 3 和服务器端渲染（SSR）。

• Vant 2: 2019.06 发布，停止迭代新功能，重要 bug 仍修复
• Vant 3: 2020.12 发布，停止迭代新功能，bug 会处理
• Vant 4: 2022.12 发布，持续迭代新功能
• 官方生态: vant-cli（组件库搭建工具）、vant-icons（图标库）、vant-touch-emulator（桌面端辅助库）

常见问题

Q1：Vant 4 如何按需引入组件？

A1：不再强依赖 Babel，可使用 SWC、esbuild 等现代编译工具。全局注册：在 main.js 中用 app.use(Button).use(Dialog)；局部注册：在组件中 import { Button } from 'vant' 并注册为 components 对象。

Q2：Vant 支持哪些框架版本？

A2：官方支持 Vue 2（Vant 2）、Vue 3（Vant 3/4）及微信小程序（vant-weapp）。社区维护 React 版本（react-vant）和支付宝小程序版本（vant-aliapp）。

Q3：Vant 4 的浏览器兼容性如何？

A3：支持 Chrome ≥ 51、iOS ≥ 10.0，与 Vue 3 一致。Vant 2 支持 Android ≥ 4.0、iOS ≥ 8.0。

更多同类工具与网站,可在前端库分类继续挑选。

信息核实于 2026年7月,具体以官网为准。