Repolode
提交项目
youzan

youzan/vant

一个轻量、可定制的 Vue 移动端 Web UI 组件库，提供 80 多个组件。

在 GitHub 查看官网
Star
24,411
Fork
9,355
未关闭 Issue
233
最近提交
昨天

这是什么？

Vant 是一套基于 Vue 构建移动端 Web 应用的 UI 组件库，提供 80 多个覆盖常见移动界面需求的组件。项目使用 TypeScript 编写，没有第三方依赖。

它同时支持 Vue 2 和 Vue 3，并可通过独立模块用于 Nuxt 2 与 Nuxt 3。组件支持按需引入（Tree Shaking），主题可通过样式变量自定义，还支持暗黑模式、SSR，以及内置 30 多种语言的国际化。

官方提供完整的组件文档与示例，Vue 2 和 Vue 3 版本分别维护。生态中还有面向微信小程序的 vant-weapp，以及 Taro、React 等衍生项目。

核心功能

  • 01提供 80 多个面向移动端的 UI 组件。
  • 02使用 TypeScript 编写，无第三方依赖。
  • 03同时支持 Vue 2 与 Vue 3，并支持 Nuxt 2 和 Nuxt 3。
  • 04支持按需引入、自定义主题和暗黑模式。
  • 05内置 30 多种语言的国际化及 SSR 支持。

适用场景

  • 使用 Vue 开发移动端 H5 页面或 Web 应用。
  • 搭建需要列表、弹窗、标签页等标准移动组件的电商或内容网站。
  • 基于 Nuxt 开发支持服务端渲染的移动站点。

快速上手

  1. 1

    使用 npm 安装 Vant（Vue 3 项目）

    npm i vant
  2. 2

    在应用中导入样式并注册所需组件

使用前须知

  • Vant 3/4 需要 Chrome 51+ 和 iOS 10+，Vant 2 面向更早的 Android 和 iOS 版本。
  • Vant 面向移动端网页应用，并不专为桌面端界面设计。

收录于专题

Android 应用与手机工具

标签

#vue#ui-library#components#mobile#typescript#vue3#frontend-components#ui-kit#vant

常见问题

vant 是什么？
一个轻量、可定制的 Vue 移动端 Web UI 组件库，提供 80 多个组件。 Vant 是一套基于 Vue 构建移动端 Web 应用的 UI 组件库，提供 80 多个覆盖常见移动界面需求的组件。项目使用 TypeScript 编写，没有第三方依赖。
vant 可以免费使用吗？用的什么许可证？
vant 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
vant 还在维护吗？
活跃维护中。vant 最近一次提交是在 2026年11月5日。
vant 适合用来做什么？
使用 Vue 开发移动端 H5 页面或 Web 应用。 搭建需要列表、弹窗、标签页等标准移动组件的电商或内容网站。 基于 Nuxt 开发支持服务端渲染的移动站点。
vant 怎么安装和运行？
使用 npm 安装 Vant（Vue 3 项目）: npm i vant 在应用中导入样式并注册所需组件
在哪里获取 vant？
源代码和安装说明在 GitHub 上：https://github.com/youzan/vant

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目