微信小程序教程02:App(Object)和Page(Object) 構造器介紹

閱讀更多系列文章請訪問個人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]能夠訪問
相關文章
相關標籤/搜索