Vant 轻量、可靠的移动端 Vue 组件库

Question

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

目前 Vant 官方提供了 Vue 版本和微信小程序版本，并由社区团队维护 React 版本。

特点

• 提供 60 多个高质量组件，覆盖移动端各类场景
• 性能极佳，组件平均体积不到 1kb（min+gzip）
• 单元测试覆盖率 90%+，提供稳定性保障
• 完善的中英文文档和示例
• 支持 Vue 2 & Vue 3
• 支持按需引入
• 支持主题定制
• 支持国际化
• 支持 TypeScript
• 支持 SSR

快速入门

在现有项目中使用 Vant 时，可以通过 npm 或 yarn 进行安装：

# Vue 2 项目，安装 Vant 2.x 版本：
npm i vant -S

# Vue 3 项目，安装 Vant 3.x 版本：
npm i vant@next -S

手动引入需要的组件。

import Button from 'vant/lib/button';
import 'vant/lib/button/style';

相关链接

• 中文文档：https://www.wenjiangs.com/docs/vant
• github 地址：https://github.com/youzan/vant