uni-app项目中引入Vant UI组件库(超简单版)

步骤一 打开项目 通过 npm 安装 Vant UI组件库

# 通过 npm 安装

npm i @vant/weapp -S --production

# 通过 yarn 安装

yarn add @vant/weapp --production

# 安装 0.x 版本

npm i vant-weapp -S --production

根据自己习惯和电脑配置自主选择

步骤二  安装成功后

在项目根目录下创建一个 wxcomponents 文件夹,跟pages同级

把node_modules 包里面的 dist 文件夹,复制到  wxcomponents 文件夹当中改名为 vant

步骤三  在pages.json中注册并引入组件

将需用到的组件引入即可


最后,在需要使用组件的页面,将封装好的代码粘贴进去就行了

vant ui 官网图片
开发工具代码片段
微信开发者工具页面效果图
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容