Vant
轻量、可靠的移动端 Vue 组件库
特性
- 60+ 高质量组件
- 90% 单元测试覆盖率
- 完善的中英文文档和示例
- 支持按需引入
- 支持主题定制
- 支持国际化
- 支持 TS
- 支持 SSR
安装
# 通过 npm 安装 npm i vant -S # 通过 yarn 安装 yarn add vant
快速上手
import Vue from 'vue'; import { Button } from 'vant'; import 'vant/lib/index.css'; Vue.use(Button);
vant 也支持按需引入、CDN 引入等方式,详细说明见 快速上手。
贡献代码
修改代码请阅读 开发指南。
使用过程中发现任何问题都可以提 Issue,当然,也非常欢迎 PR。
浏览器支持
现代浏览器以及 Android 4.0+, iOS 8.0+.
生态
项目 | 描述 |
---|---|
vant-demo | Vant 官方示例合集 |
vant-weapp | 微信小程序组件库 |
vant-react | Vant React 版(由社区维护) |
vant-cli | 开箱即用的组件库搭建工具 |
vant-icons | Vant 图标库 |
vant-touch-emulator | 在桌面端使用 Vant 的辅助库 |
链接
手机预览
可以手机扫码以下二维码访问手机端 demo:
开源协议
本项目基于 MIT 协议,请自由地享受和参与开源。