前言
组件库一直都是大家开发中必不可少的工具，不过大多都是element-plus adnt 这些，今天记录一下如何使用vant组件库的步骤和一些问题
第一步：打开官网、安装vant
显而易见，要想使用这些别人开源的组件库，第一步就是查看他们相对应的官网,根据官网来查看如何安装使用是最方便的啦！
官方链接: vant.pro/vant/#/zh-C…
安装命令
选择合适的vue版本进行对应的安装
Vue 3 项目，安装最新版
Vant npm i vant
Vue 2 项目
安装 Vant 2 npm i vant@latest-v2
使用Vant组件库
接下来我们来在项目中使用一下vant组件库吧！新建vue3项目，通过文档的提示来进行配置吧。
import Vant from 'vant';
app.use(Vant)
这样我们就已经在项目中配置好啦Vant，如果你需要减少打包之后的体积你可以使用按需引入的方式，这边就直接是全局了，感兴趣的小伙伴可以去看一下文档。
效果图
这里只是部分代码如果小伙伴们感兴趣可以使用vant去实现一下下面的例子
例子：
可能出现的问题
在进行使用的时候可能会出现以下的几个问题，这边不知道各位会不会遇见，如果遇见了，可以参考一下。
问题一： 在进入到我給的官网链接的时候，你可能不会进去或者一直卡着，这个时候你可以通过魔法 来进行访问，我使用之后立马就进来了。
问题二: 我们按照文档的正确引入流程会发现vant并没有生效，这可能是文档少了一些东西，这边可以通过在main.js中引入import 'vant/lib/index.css'; 就可以解决样式不生效的问题啦！
希望我遇见的问题也可以帮助到你，也希望你看了我的使用也可以去体验一下vant组件库!谢谢！！
