微信小程序引入Vant Weapp

微信小程序引入Vant Weapp

Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。

安装:

它有两种安装方式:

方法一:
在GitHub上下载vant-weapp源代码 ( https://github.com/youzan/vant-weapp ),解压,把文件中的dist目录拷贝到自己的项目中。

方法二:
1、在小程序项目的根目录中通过 npm init 生成 package.json;
2、npm install vant-weapp -S --production 生成 node_modules 目录;微信小程序引入Vant Weapp
微信小程序引入Vant Weapp
3、打开微信开发者工具,导入项目,工具—构建npm,生成miniprogram_npm目录;
微信小程序引入Vant Weapp
4、详情—本地设置—(勾选)使用npm模板;

使用

在页面的 .json文件中引入组件;
在 .wxml文件中使用;