详解如何在微信小程序开发中正确的使用vant ui组件
微信小程序终于可以支持npm导入第三方库了（https://developers.weixin.qq....），但是这种导入模式和使用模式有别于我们使用的npm调用。今天我按照有赞新出的vant小程序ui库来讲解如何导入npm资源。
第一步：
在小程序工程的根目录下执行：
npm i vant-weapp -S --production
第二步：
保证当前你的微信开发者工具是最新版本，然后点击执行“构建npm“
构建成功后会提示：
同时项目根目录中会多出一个目录“miniprogram_npm”，这个就是小程序可以识别的npm第三方库。
第三步：
这时候当我们需要在一个页面中调用vant组件，那么就要在对应的页面json中添加类似如下配置：
{
"usingComponents":{
"van-button":"/miniprogram_npm/vant-weapp/button/index"
}
}
接着你就可以在wxml中直接调用这个ui组件了。
注意，对于vant库来说其实你并不需要在页面对应的js中require vant-weapp组件。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍微信小程序 开发指南详解，包括了微信小程序 开发指南详解的使用技巧和注意事项，需要的朋友参考一下 编写代码 创建小程序实例 点击开发者工具左侧导航的“编辑”，我们可以看到这个项目，已经初始化并包含了一些简单的代码文件。最关键也是必不可少的，是 app.js、app.json、app.wxss 这三个。其中，.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式
-
本文向大家介绍微信小程序开发(一) 微信登录流程详解，包括了微信小程序开发(一) 微信登录流程详解的使用技巧和注意事项，需要的朋友参考一下 最近在研究微信小程序开发，非常有意思的一个东西。花了一点时间写了一个微信的登录流程，包括后端接口和小程序代码。 做过微信登录的都知道，我们需要一个标识来记录用户的身份的唯一性，在微信中unionId就是我们所需要的记录唯一ID，那么如何拿到unionId就成了
-
本文向大家介绍微信小程序如何使用云开发，包括了微信小程序如何使用云开发的使用技巧和注意事项，需要的朋友参考一下 微信小程序中的云开发想必大家还不是很熟悉，因为云开发也就是9月份上线的，相比之前大家对于数据库的存储都是用的是自己的服务器，接下来这篇文章主要为大家介绍下怎么使用云开发，网上看过很多文章感觉介绍的不是很详细，下面通过我个人亲身经历整理下自己的思路吧。 首先介绍下云开发主要的三大特点，目前
-
本文向大家介绍微信小程序 video组件详解，包括了微信小程序 video组件详解的使用技巧和注意事项，需要的朋友参考一下 主要属性： 效果图： ml: js： 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
-
本文向大家介绍微信小程序 form组件详解，包括了微信小程序 form组件详解的使用技巧和注意事项，需要的朋友参考一下 表单： 将组件内的用户输入的<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/> 提交 主要属性： 效果图： ml: ss: js: 复制代码 注意： form表单组件 是提交form内的所有选中属性的值， 注意
-
本文向大家介绍微信小程序开发中var that =this的用法详解，包括了微信小程序开发中var that =this的用法详解的使用技巧和注意事项，需要的朋友参考一下 在微信小程序开发中，var that =this的声明很常见。举个例子，代码如下！ 示例代码1 在代码中第9行声明了var that =this；第17行使用了that。 如果不声明var that =this，且that改成t