小程式分為應用、頁面和元件三個部分，所以小程式的生命週期涉及以下：
onlaunch
:function(options) ,
onshow
:function(options) ,
onhide
:function() ,
onerror
:function(msg) ,
onpagenotfound
:function(res) ,
globaldata
:'i am global data'
})
我們來看圖：應用生命週期使用者首次開啟小程式，觸發 onlaunch 方法（全域性只觸發一次）。
小程式初始化完成後，觸發 onshow 方法，監聽小程式顯示。
小程式從前台進入後台，觸發 onhide 方法。
小程式從後台進入前台顯示，觸發 onshow 方法。
小程式後台執行一定時間，或系統資源占用過高，會被銷毀。
// other.js注意：
page(object)函式用來註冊乙個頁面。接受乙個object型別引數，其指定頁面的初始資料、生命週期**、事件處理函式等。
page(,onload: function(options) ,
onready: function() ,
onshow: function() ,
onhide: function() ,
onunload: function() ,
onpulldownrefresh: function() ,
onreachbottom: function() ,
// 使用者點選右上角**
},onpagescroll: function() ,
onresize: function() ,
ontabitemtap(item) ,
// 任意的函式，在頁面的函式中用 this 可以訪問
viewtap: function() , function() )
},// 任意資料，在頁面的函式中用 this 可以訪問
customdata:
})
我們來看圖：頁面生命週期總結 元件的生命週期，指的是元件自身的一些函式，這些函式在特殊的時間點或遇到一些特殊的框架事件時被自動觸發。 其中，最重要的生命週期是 created attached detached ，包含乙個元件例項生命流程的最主要時間點。 created 元件例項化，但節點樹還未匯入，因此這時不能用setdata
attached 元件初始化完畢，節點樹完成，可以用setdata渲染節點，但無法操作節點
ready 元件布局完成，這時可以獲取節點資訊，也可以操作節點
moved 元件例項被移動到樹的另乙個位置
detached 元件例項從節點樹中移
元件所在頁面的生命週期, 指的是那些並非與元件有很強的關聯，但有時元件需要獲知，以便元件內部處理的生命週期，在 pagelifetimes 定義段中定義。 show 元件所在的頁面被展示時執行hide 元件所在的頁面被隱藏時執行
resize 元件所在的頁面尺寸變化時執行
component(,attached() ,
ready() ,
moved() ,
detached() ,
error(err)
},pagelifetimes: ,
hide() ,
resize(size)
},// 以下是舊式的定義方式，可以保持對 <2.2.3 版本基礎庫的相容
attached() ,
detached() ,
// ...
})
我們來看圖：應用生命週期影響頁面生命週期小程式初始化完成後，頁面首次載入觸發onload，只會觸發一次。
當小程式進入到後台，先執行頁面onhide方法再執行應用onhide方法。
當小程式從後台進入到前台，先執行應用onshow方法再執行頁面onshow方法。
小程式 生命週期
page 生命週期函式 監聽頁面載入 onload function options 生命週期函式 監聽頁面初次渲染完成 onready function 生命週期函式 監聽頁面顯示 onshow function 生命週期函式 監聽頁面隱藏 onhide function 生命週期函式 監聽頁面解...
小程式生命週期詳解
小程式有8個頁面級別的生命週期 5 3 生命週期函式 頁面載入 options是上乙個頁面傳遞過來的引數 onload function options 生命週期函式 監聽頁面顯示 onshow function 生命週期函式 頁面 初次 渲染完成 onready function 生命週期函式 監...
小程式中的生命週期
1.onload頁面載入時呼叫，只執行一次，相當於vue中的created onload function options 2.onready監聽頁面初次渲染完成，相當於vue中的mounted onready function 3.onshow頁面監聽函式每次進入頁面會觸發 onshow func...