アプレット(C)[ライフサイクル - ページ]

三つのライフサイクル

  • アプリケーションライフサイクル
  • ページのライフサイクル
  • コンポーネントのライフサイクル

ページのライフサイクル

ページ(Objectオブジェクト)

ページの文書は、説明:登録ページアプレットを。初期データ・ページを指定するオブジェクトの型パラメータを取る、ライフサイクルコールバック、イベントハンドラのように。

プロパティ タイプ デフォルト値 必須の 説明
データ オブジェクト データの最初のページ
onLoad 関数 ライフサイクルコールバック - モニタページのロード
onShow 関数 ライフサイクルコールバック - ページ表示モニター
onReady 関数 ライフサイクルコールバック - 最初のページのレンダリングを聴くが完了しました
1つの塩酸塩 関数 ライフサイクルコールバック - モニタページを隠します
ONUNLOAD 関数 ライフサイクルコールバック - モニタページのアンロード

ONLOAD:

ただ、一般的にデータやパラメータを取得するために使用されるページの読み込み時間の初期化時に、入力します。
ここに画像を挿入説明

onShow:

スイッチャーですをルーティングする前に、使用後に再びonShowトリガしたら最前線に返されるページへのデスクトップアプリケーションとリターンにページまたはスイッチをジャンプしません。
ここに画像を挿入説明

onReady:

ページのレンダリングが完了した後に初期化した後、ページをレンダリングします。この機能がトリガされます。
ここに画像を挿入説明

1つの塩酸塩:

スイッチバックして非表示にページをトリガーする、などの場合にはnavigateTo別のページにジャンプして戻るときにデスクトップにトリガすることができます。
私たちは、インデックスページを使用して、ボタンバインディング機能を設定しnavigateToたページのログインにジャンプする
HTMLを:

<!--pages/index/index.wxml-->
<view class="container">
	<text>页面生命周期</text>
	<button bindtap="tapA">点击跳转</button>
</view>

JS:

onHide: function () {
    console.log("onHide,在页面隐藏和切换到后台会触发")
  },
  tapA: function() {
    wx.navigateTo({
      url: '/pages/log/log'
    })
 }

結果は以下の通りであります:
ここに画像を挿入説明

ONUNLOAD:

ページがアンロードされるとき、現在のページがトリガされたときに、閉じたようなことでしょうwx.redirectToか、wx.navigateBackまだスタックページの寿命をトリガするために優先順位を与えるときに、すべてのページや他のページ、それが引き金となり、現在のページへのジャンプが閉じられます、小さなプログラムがあります閉じています機能。
私たちは、インデックス・ページを使用するwx.redirectToページは、その後のトリガーにインデックスページを閉じますログインにジャンプするonUnload機能。
JS:

tapA: function() {
    wx.reLaunch({
      url: '/pages/log/log'
    })
  },
  onUnload() {
    console.log("onUnload,在页面卸载时触发会触发")
  }

効果:
ここに画像を挿入説明

アプリケーション・ライフサイクルとページのライフサイクルの実行順序

ここでは、アプリケーションのライフサイクルは、我々はページがたくさんあるだろう開発している、とそれぞれのページには、独自のライフサイクルを持っていることを、小さなプログラムのライフサイクル全体について話している、我々は最初のロードに開始アプレットでアプリケーションのライフサイクルを実行しますアプレットを通じて、アプリケーションの実行後に、各ページのライフサイクルの実装ではなく、最初のページのライフサイクルのライフサイクルを実行したときに終了します。

公開された15元の記事 ウォンの賞賛6 ビュー498

おすすめ

転載: blog.csdn.net/weixin_44893500/article/details/105410761