Vue3+vant框架踩坑实战，如何避免常见问题与优化技巧？

本文共计1454个文字，预计阅读时间需要6分钟。

目录+前言+一、下载Vant+二、下载插件+三、配置插件+四、简单使用+五、我的解决方法+总结+前言+我照着视频中学到的老师教的使用Vant（和官网教程一样）的方式去使用，发现样式根本不起作用（想剪个视频）

目录

• 前言
• 一、下载vant
• 二、下载插件
• 三、配置插件
• 四、简单使用
• 五、我的解决方法
• 总结

前言

我照着视频中老师教的方式去使用vant(和官网教程一样)，发现样式根本不起作用（想截个图来着，但是vite热更新太厉害了，找不到了哈哈哈），然后又反复看了视频一遍，检查自己插件啥的而又没有安装好，发现和老师的一样。。。。，头疼…害。。。，幸好我最后在想用不用在main.js引入vant（因为老师说插件会自动识别，所以一开始一直以为是自己配置或者代码写错了的问题QAQ），最后成功了嘿嘿嘿（但是这样的话自动按需引用的插件不就没有用了吗。。。，所以又换了别的方法）

当然这里先写怎样在Vue3中使用vant，最后再附上我的解决方法（ps：我估计不是每个人都有这样的问题，虽然我也不知道我为啥会有emm…伤心。。。。）

一、下载vant

vant官网：vant

这个里面有很详细的步骤，我这里只写我用的，别的方法当然也是可以的

最好看官网，因为官网基本不会出错的。。