微信APP生命週期、頁面生命週期
阿新 • • 發佈：2020-03-10
[TOC]
# 官方文件
# 小程式的啟動流程
我們畫一個圖來表示一下，整個小程式的啟動流程，我們就知道了：
## app生命週期
**執行App()函式也就是註冊一個App**
1 在註冊app的時候，可以判斷小程式的進入場景
2 我們可以在執行通過生命週期函式，做一些資料請求
3 可以在app中設定一個全域性物件，讓所有頁面都能使用
## 頁面的生命週期
```
Page({
/**
* 頁面的初始資料
*/
data: {
},
/**
* 生命週期函式--監聽頁面載入
*/
onLoad: function (options) {
console.log("onload")
},
/**
* 生命週期函式--監聽頁面顯示
*/
onShow: function () {
console.log("onshow")
},
/**
* 生命週期函式--監聽頁面初次渲染完成
*/
onReady: function () {
console.log("onReady")
},
/**
* 生命週期函式--監聽頁面隱藏
*/
onHide: function () {
console.log("onHide")
},
/**
* 生命週期函式--監聽頁面解除安裝
*/
onUnload: function () {
console.log("onUnload")
},
//監聽使用者下拉動作，
onPullDownRefresh :function(){
//如果要用到這個，必須把"enablePullDownRefresh": true
console.log("下拉刷下")
},
//頁面上拉觸底事件的處理函式
onReachBottom:function(){
console.log("上拉到底部")
},
//頁面滾動觸發事件的處理函式
onPageScroll: function(e){
console.log("滾輪在懂",e)
}
})
```
1 在生命週期函式中傳送網路請求，從服務端獲取資料
2 初始化一些資料，在data裡面，以方便wxml引用
3 監聽wxml的事件，繫結對應的事件函式
4 還有頁面滾動，上拉，下拉等
## 頁面的生命週期（圖）
![img](https://img2018.cnblogs.com/blog/1825659/201910/1825659-20191030202954769-999467