小程式架構開發筆記-wepy

WePY

一、前置

本地使用版本V1.7.3

最新版本V2.x

二、使用

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平級