WePY
一、前置
本地使用版本V1.7.3
最新版本V2.x
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsISPrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdsATOfd3bkFGazxCMx8VesATMfhHLlN3XnxCMwEzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-cmbw5SM1UTO4UzMmJ2YiVzM0kjNxYzX1ETMwcTM1EzLcBTMxIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjL5M3Lc9CX6MHc0RHaiojIsJye.png)
二、使用
wepy.app 入口
方法:use(‘使用中間件’)
this.use('requestfix'); //'requestfix':修複小程式請求并發問題
this.use('promisify'); //'promisify':使用wepy.xxx的方式請求小程式原生API都将Promise化
屬性 $wxapp:Object: this.$wxapp 等同于getApp()
wepy.component 元件
元件
wepy.page 頁面
*在 $emit 或者 $broadcast 事件中,調用 $destroy 事件終止事件的傳播。
三、備注:
1、this.$apply()使用場景:(wepy1.x中method中方法不需要,自定義方法、onshow()中需要)
1.1異步更新資料
1.2.手動重新整理DOM
1.3.子元件的onload周期使用
2、wepy1使用髒檢查進行資料綁定,wepy2使用vue Observer實作資料綁定,不用$apply();
四、記錄
1、Wepy中ES6使用
wepy 中使用async/await , 需要npm安裝'wepy-async-function',npm install wepy-async-function –save
在app.wpy檔案裡引入 import 'wepy-async-function'
async函數是異步操作
采用promise封裝異步請求的API,可以return new Promise
return new Promise(function(resolve,reject){}).then()
2、Page執行個體繼承Component,即Page也是元件
onShow () {} // 隻在Page中存在的頁面生命周期函數
onLoad () {} // 在Page和Component共用的生命周期函數
3、自定義方法位置(重要)
通自定義方法在methods對象外聲明,與methods平級