閱讀更多系列文章請訪問個人GitHub博客,示例代碼請訪問這裏。
在/app.js中,有方法App,它的做用是註冊整個小程序的應用,其中能夠傳入一些配置,或者存儲全局狀態。git
App(Object) 構造器生命週期
屬性 |
類型 |
描述 |
onLaunch |
Function |
在小程序初始化時觸發,全局僅觸發一次 |
onShow |
Function |
小程序顯示時觸發,如小程序從懸浮窗顯示到前臺 |
onHide |
Function |
小程序隱藏時觸發,如小程序收起到懸浮窗 |
onError |
Function |
出現錯誤時觸發, |
onPageNotFound |
Function |
打開不存在頁面時觸發 |
其餘 |
Any |
能夠爲全局添加任意參數,在頁面中經過const app = getApp()獲取應用實例後,便可經過app[propName]訪問,也能夠經過app[propName]修改它的值,修改後也在全局有效 |
Page(Object) 構造器生命週期
屬性 |
類型 |
描述 |
data |
Object |
頁面數據,相似於Vue組件中的data,能夠經過this.data[propName]訪問 |
onLoad |
Function |
頁面已加載,相似於Vue的created |
onShow |
Function |
頁面顯示的觸發 |
onReady |
Function |
頁面初次渲染完成,相似於Vue的mounted |
onHide |
Function |
頁面隱藏的觸發 |
onUnload |
Function |
頁面銷燬時觸發 |
onPullDownRefresh |
Function |
下拉刷新時觸發 |
onReachBottom |
Function |
頁面上拉觸底觸發 |
onShareAppMessage |
Function |
點擊右上角分享按鈕觸發,但只能監聽到用戶點擊,沒法獲取用戶是否成功分享,一般的作法是點擊以後,延遲一段時間就判斷爲已分享 |
onPageScroll |
Function |
頁面滾動觸發,相似於window.onscroll |
onResize |
Function |
頁面尺寸變化時觸發,例如手機從豎屏變味橫屏 |
onTabItemTap |
Function |
當前頁爲tab頁時,點擊tab時觸發 |
其餘 |
Any |
能夠爲該頁面添加任意參數,經過this[propName]能夠訪問 |