Vant：有赞移动端 Vue 组件库，轻量首屏快

Vant 是有赞出品的移动端 Vue 组件库，是 Vue 3 移动端的主流选择。它轻量、首屏快、组件覆盖全，中文文档详尽、社区活跃，支持 H5、小程序与 App 多端；注意微信小程序版是独立的 Vant Weapp。

它解决什么问题

移动端产品对首屏体积和交互手感敏感，组件库需要轻量、覆盖全且文档友好。

但专注移动端的库在桌面端支持有限，企业级复杂后台组件相对少，要分场景选型。

核心能力

移动端主流之选

Vant 是有赞出品的移动端 Vue 组件库，是 Vue 3 移动端的主流选择。它轻量、首屏快，表单、列表、弹窗、上传、日历、下拉刷新等移动端高频组件覆盖全。

中文文档详尽、社区活跃；支持 H5、小程序与 App 多端。注意微信小程序版是独立的 Vant Weapp 项目，别和本库混用。桌面端支持有限、企业级复杂组件偏少，按场景选型。

同类工具怎么选

谁适合用

• 专注移动端的产品，要轻量首屏快
• 有赞系或电商小程序，需要成熟移动组件
• Vue 3 移动端项目，想要中文文档详尽

怎么开始

1. 执行 npm install vant 安装组件库。
2. 在 main.ts 里 import Vant 并 app.use(Vant) 注册。
3. 移动端优先，H5/小程序/App 多端支持。
4. 组件 <van-button>、<van-list> 等 van- 前缀。
5. 微信小程序请用独立的 Vant Weapp，非本库。

常见问题

微信小程序能用本库吗？
不能，小程序请用独立的 Vant Weapp 项目，两者分开。

桌面端支持如何？
有限，企业级复杂后台组件偏少，定位专注移动端。

收费吗？
MIT 免费开源，有赞无商业版，移动端组件全免费。

多端怎么选？
H5/小程序/App 用 Vant，微信小程序单独用 Vant Weapp。

授权与合规

采用 MIT 协议开源免费，可商用、可修改、可再分发；有赞无商业版，移动端组件全免费。 官网：vant-ui.github.io/vant。