wepy开发小程序踩过的坑

wepy 是一个基于 Vue.js 开发的小程序框架，由于其易于使用和丰富的功能，越来越多的开发者开始使用 wepy 进行小程序的开发。然而，在实际使用过程中，难免会遇到一些问题和坑，本篇文章就来分享一些我在使用 wepy 开发小程序时踩过的坑。

1. wepy 环境问题

在使用 wepy 前，首先要配置好 wepy 环境。在安装 wepy 的过程中，我们可能会遇到 npm 的网络问题，可以通过以下命令来解决：npm config set registry https://registry.npm.taobao.org 。同时还需要配置好相关的环境变量，如 PATH 等。

2. wepy 中的生命周期函数

wepy 中的生命周期函数同 Vue.js 类似，具有 onReady、onShow、onHide、onUnload、onPullDownRefresh、onReachBottom 和 onShareAppMessage 等函数，这些函数用于控制小程序页面的生命周期。需要注意的是，如果在页面加载前 alreadyData 已经有值，在 onShow 中开启页面渲染将导致 view 不渲染。

3. wepy 组件 data 注册问题

在 wepy 组件中，如果需要使用 data 注册组件，需要在子组件中使用 $parent.$wx.data.someData 来访问父组件中的 data。同时，子组件中自己定义的 data 对象不会自动地注册到实例上，需要手动添加到父组件。

4. wepy 组件数据修改问题

在 wepy 组件中，修改数据需要使用 this.$apply()，否则数据不会重新渲染。同时，组件中使用 v-bind:prop.sync 时，需要在组件中定义一个 $emit 方法，并在同步 prop 时触发该方法。

5. wepy 中引用第三方库

在 wepy 中引用第三方库时，需要在 wepy.config.js 中配置相应的别名和路径。同时，需要在 script 中使用 import 引入该库，并在相应页面或组件中使用。

6. wepy 微信支付问题

在 wepy 中使用微信支付时，需要注意以下几点：

（1）调用 wx.requestPayment 接口时必须使用官方提供的最新版微信支付接口代码。

（2）在 wapay/notify 目录下创建 weixinPayNotify.php 文件，用于接收微信支付回调通知。

（3）在微信支付后台设置回调 URL 为 weixinPayNotify.php 文件的地址。

7. wepy 中的小程序分享问题

在 wepy 中实现小程序分享功能时，需要在项目中的 app.wpy 文件中调用 wx.onShareAppMessage() 方法，并在分享时返回分享参数。需要注意的是，分享时需要在小程序管理后台中设置相应的分享图标和标题。

总之，wepy 是一款功能强大的小程序框架，可以让我们更加快速地开发小程序。但是，我们在使用 wepy 进行开发时也需要注意一些坑点，避免出现一些不必要的问题。