uniapp项目h5端使用vant组件

大家在用uni的时候，为了达到更快，更好的目的，势必会想到用一款ui框架。

于是我上网查了查。

这是我所看到的原创作者的分享

https://www.jianshu.com/p/5dcada1d8f8d

自己实践了一下，虽然不报红，但是也不出效果。

以下是小编自己的改良版

第一步，使用npm i vant -S --production 安装vant的组件包，安装成功后结构目录如下

1627023875(1).png

第二步，找到main.js文件，在文件中添加一下代码（导入所有组件）

1627024160(1).png
当然你也可以按需引入组件（如下图所示）
1627024401(1).png

第三步，找到App.vue页面，在页面中添加vant公共css

1627024578(1).png

以上就是uniapp项目h5端使用vant组件的方法了
如果这篇文章对你有帮助，或者在进行中遇到其他问题，欢迎评论区留言出来。
我们一起探讨~

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容