微信小程序頁(yè)面生命周期的示例分析

小編給大家分享一下微信小程序頁(yè)面生命周期的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

具體如下

頁(yè)面生命周期函數(shù)

onLoad—-監(jiān)聽(tīng)頁(yè)面加載
onReady—-監(jiān)聽(tīng)頁(yè)面初次渲染完成
onShow—-監(jiān)聽(tīng)頁(yè)面顯示
onHide—-監(jiān)聽(tīng)頁(yè)面隱藏
onUnload—-監(jiān)聽(tīng)頁(yè)面卸載

Page({

 /**
  * 頁(yè)面的初始數(shù)據(jù)
  */
 data: {
  banner_url:data.bannerList(),
  open:false
 },

 /**
  * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
  */
 onLoad: function (options) {
  console.log("==onLoad==");
 },

 /**
  * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面初次渲染完成
  */
 onReady: function () {
  console.log("==onReady==");
 },

 /**
  * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面顯示
  */
 onShow: function () {
  console.log("==onShow==");
 },

 /**
  * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面隱藏
  */
 onHide: function () {
  console.log("==onHide==");
 },

 /**
  * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面卸載
  */
 onUnload: function () {
  console.log("==onUnload==");
 }
})

進(jìn)入首頁(yè)觸發(fā)的函數(shù)

進(jìn)入和離開(kāi)blog頁(yè)面的觸發(fā)函數(shù)

總結(jié)：

1. 在離開(kāi)首頁(yè)進(jìn)入詳情頁(yè)面的時(shí)候采用的是onHide函數(shù)—-只是將頁(yè)面隱藏，當(dāng)我們回到首頁(yè)的時(shí)候直接用onShow顯示就好;
2. 在離開(kāi)詳情頁(yè)面的時(shí)候采用的是onUnload函數(shù)—-此處是將頁(yè)面卸載，所以下次進(jìn)入詳情頁(yè)面的時(shí)候，我們需要將頁(yè)面再次（加載—-顯示—-渲染）
3. 以上情況是在不設(shè)置open-type的情況，如果open-type=”redirect”，那么在離開(kāi)首頁(yè)的時(shí)候就會(huì)觸發(fā)onUnload，從而不能再返回首頁(yè)。

以上是“微信小程序頁(yè)面生命周期的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！