微信小程序開發(fā)組件生命周期

微信小程序的組件生命周期是指組件自身的一些函數(shù)，它們會在特殊時間點或遇到一些特殊框架事件時自動觸發(fā)。其中最重要的生命周期包括 created、attached、和 detached：

1. created

   當(dāng)一個組件實例剛被創(chuàng)建時，created 生命周期會被觸發(fā)。此時，組件數(shù)據(jù) this.data 就是在 Component 構(gòu)造器中定義的數(shù)據(jù) data，不能調(diào)用 setData。通常情況下，這個生命周期只應(yīng)該用于給組件 this 添加一些自定義屬性字段?？捎玫娜可芷谌缦卤硭荆?/p>

   生命周期	參數(shù)	描述	最低版本
   created	無	在組件實例剛剛被創(chuàng)建時執(zhí)行	1.6.3
   attached	無	在組件實例進入頁面節(jié)點樹時執(zhí)行	1.6.3
   ready	無	在組件在視圖層布局完成后執(zhí)行	1.6.3
   moved	無	在組件實例被移動到節(jié)點樹另一個位置時執(zhí)行	1.6.3
   detached	無	在組件實例被從頁面節(jié)點樹移除時執(zhí)行	1.6.3
   error	Object Error	每當(dāng)組件方法拋出錯誤時執(zhí)行	2.4.1

2. attached

   在組件完全初始化并進入頁面節(jié)點樹后，attached 生命周期被觸發(fā)。此時，this.data 已被初始化為組件的當(dāng)前值，這個生命周期很有用，大多數(shù)初始化工作可以在這個時機進行。

3. detached

   在組件離開頁面節(jié)點樹后，detached 生命周期被觸發(fā)。退出一個頁面時，如果組件還在頁面節(jié)點樹中，則 detached 會被觸發(fā)。

定義生命周期方法

生命周期方法可以直接定義在 Component 構(gòu)造器的第一級參數(shù)中，如下：

Component({
  attached: function() {
    // 在組件實例進入頁面節(jié)點樹時執(zhí)行
  },
  detached: function() {
    // 在組件實例被從頁面節(jié)點樹移除時執(zhí)行
  },
})

自小程序基礎(chǔ)庫版本 2.2.3 起，組件的生命周期也可以在 lifetimes 字段內(nèi)進行聲明（這是推薦的方式，其優(yōu)先級最高）：

Component({
  lifetimes: {
    attached: function() {
      // 在組件實例進入頁面節(jié)點樹時執(zhí)行
    },
    detached: function() {
      // 在組件實例被從頁面節(jié)點樹移除時執(zhí)行
			
<本文由himall原創(chuàng)，商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請標(biāo)明：himall原創(chuàng)>