介绍

Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。

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

 Vant 2.0 文档（注意：适用Vue2.0  3.0可以看Vant 3.0）

https://vant-contrib.gitee.io/vant/v2/#/zh-CN/quickstart

第一步：拉取脚手架（看这篇脚手架搭建文章）

    https://blog.csdn.net/qq_42217363/article/details/126385596?spm=1001.2014.3001.5502

第二步：安装适用vue2项目的vant版本（注意，有些版本是有问题的，不建议拉取laster

npm install --save vant@2.12.37

第三步：在main.js 进行导入

import Vue from 'vue'
import App from './App'
import router from './router'
import Vant from 'vant'
import 'vant/lib/index.css'

//导入axios
import axios from 'axios'

Vue.use(Vant);
 
//挂载axios
//Vue.prototype.$axios = axios
Vue.prototype.$http = axios

//设置访问根路径
axios.defaults.baseURL = "http://localhost:8086"


Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

第四步：在模块下就可以使用了，具体使用看官网文档，很详细。