vue 生命周期函數:
- beforeCreate
- created
- beforeMount
- mounted
- beforeUpdate
- updated
- beforeDestroy
- destroyed
uni-app 生命周期函數
應用生命周期
函數名 | 說明 |
---|---|
onLaunch | 當uni-app 初始化完成時觸發(全局只觸發一次) |
onShow | 當 uni-app 啟動,或從后台進入前台顯示 |
onHide | 當 uni-app 從前台進入后台 |
onUniNViewMessage | 對 nvue 頁面發送的數據進行監聽,可參考 nvue 向 vue 通訊 |
注意
- 應用生命周期僅可在
App.vue
中監聽,在其它頁面監聽無效。
頁面生命周期
uni-app
支持如下頁面生命周期函數:
函數名 | 說明 | 平台差異說明 | 最低版本 |
---|---|---|---|
onLoad | 監聽頁面加載,其參數為上個頁面傳遞的數據,參數類型為Object(用於頁面傳參),參考示例 | ||
onShow | 監聽頁面顯示。頁面每次出現在屏幕上都觸發,包括從下級頁面點返回露出當前頁面 | ||
onReady | 監聽頁面初次渲染完成。注意如果渲染速度快,會在頁面進入動畫完成前觸發 | ||
onHide | 監聽頁面隱藏 | ||
onUnload | 監聽頁面卸載 | ||
onResize | 監聽窗口尺寸變化 | 5+App、微信小程序 | |
onPullDownRefresh | 監聽用戶下拉動作,一般用於下拉刷新,參考示例 | ||
onReachBottom | 頁面滾動到底部的事件(不是scroll-view滾到底),常用於下拉下一頁數據。具體見下方注意事項 | ||
onTabItemTap | 點擊 tab 時觸發,參數為Object,具體見下方注意事項 | 微信小程序、百度小程序、H5、5+App(自定義組件模式) | |
onShareAppMessage | 用戶點擊右上角分享 | 微信小程序、百度小程序、頭條小程序、支付寶小程序 | |
onPageScroll | 監聽頁面滾動,參數為Object | ||
onNavigationBarButtonTap | 監聽原生標題欄按鈕點擊事件,參數為Object | 5+ App、H5 | |
onBackPress | 監聽頁面返回,返回 event = {from:backbutton、 navigateBack} ,backbutton 表示來源是左上角返回按鈕或 android 返回鍵;navigateBack表示來源是 uni.navigateBack ;詳細說明及使用:onBackPress 詳解 | 5+App、H5 | |
onNavigationBarSearchInputChanged | 監聽原生標題欄搜索輸入框輸入內容變化事件 | 5+App、H5 | 1.6.0 |
onNavigationBarSearchInputConfirmed | 監聽原生標題欄搜索輸入框搜索事件,用戶點擊軟鍵盤上的“搜索”按鈕時觸發。 | 5+App、H5 | 1.6.0 |
onNavigationBarSearchInputClicked | 監聽原生標題欄搜索輸入框點擊事件 | 5+App、H5 | 1.6.0 |