天天看點

Uni-App - 頁面生命周期

頁面生命周期

不論是app還是小程式,生命周期是非常重要的知識點。

uni-app 支援如下頁面生命周期函數:

onLoad 監聽頁面加載,其參數為上個頁面傳遞的資料,參數類型為object(用于頁面傳參),參考示例 

onShow 監聽頁面顯示 

onReady 監聽頁面初次渲染完成 

onHide 監聽頁面隐藏 

onUnload 監聽頁面解除安裝 

onPullDownRefresh 監聽使用者下拉動作 

onReachBottom 頁面上拉觸底事件的處理函數 

onShareAppMessage 使用者點選右上角分享 微信小程式

onPageScroll 監聽頁面滾動 

使用示範

<script>
export default {
 data: {
  title: 'Hello'
 },
 onLoad:function(options){
  console.log("onLoad");
 },
 onHide:function(){
  console.log("onHide");
 },
 onShow:function(){
  console.log("onShow");
 }
}
</script>