手把手教你如何使用Vant组件

Vant组件库官网：Vant 2 - Mobile UI Components built on Vue

一.安装

1.通过 npm 安装（推荐使用）

# Vue 3 项目，安装最新版 Vant：
npm i vant -S

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

2.通过 CDN 安装

（详见官网点击左侧快速上手，不推荐在企业生产环境中使用免费 CDN。）

3.通过脚手架安装

# 安装 Vue Cli
npm install -g @vue/cli

# 创建一个项目
vue create 项目名称

# 创建完成后，可以通过命令打开图形化界面，如下图所示
vue ui

 在图形化界面中，点击 依赖 -> 安装依赖，然后将 vant 添加到依赖中即可。

二.引入组件和使用组件