vuejs安装Vant有赞移动端组件库

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

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

特性

性能极佳，组件平均体积小于 1KB（min+gzip）

65+ 个高质量组件，覆盖移动端主流场景

使用 TypeScript 编写，提供完整的类型定义

单元测试覆盖率超过 90%，提供稳定性保障

提供完善的中英文文档和组件示例

提供 Sketch 和 Axure 设计资源

支持 Vue 2、Vue 3 和微信小程序

支持主题定制，内置 700+ 个主题变量

支持按需引入和 Tree Shaking

支持服务器端渲染

支持国际化和语言包定制

安装

# Vue 2 项目，安装 Vant 2：
npm i vant -S

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

快速上手

import Vue from 'vue';
import { Button } from 'vant';
import 'vant/lib/index.css';

Vue.use(Button);