Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用
如何在微信小程序中引入vant
1.在微信开发者工具—调试器中打开终端,输入npm init,回车
此时会初始化一个package.json文件,文件信息可以输入也可以直接回车
2、在终端中输入安装vant命令 npm i vant-weapp -S --production
3、在微信开发者工具—工具—点击构建npm,构建后会生成miniprogram_npm文件夹
4、在微信开发者工具—右侧详情—本地设置—勾选“使用npm模块”
到这里已经安装完成,可以在项目中使用vant组件了
1、在页面的json文件中引入需要的组件,注意路径要进行修改
2、在页面的wxml文件中直接使用组件
更多组件可以查看Vant Weapp官方文档
网友评论