ディレクトリ
三つのライフサイクル
- アプリケーションライフサイクル
- ページのライフサイクル
- コンポーネントのライフサイクル
ページのライフサイクル
ページ(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,在页面卸载时触发会触发")
}
効果:
アプリケーション・ライフサイクルとページのライフサイクルの実行順序
ここでは、アプリケーションのライフサイクルは、我々はページがたくさんあるだろう開発している、とそれぞれのページには、独自のライフサイクルを持っていることを、小さなプログラムのライフサイクル全体について話している、我々は最初のロードに開始アプレットでアプリケーションのライフサイクルを実行しますアプレットを通じて、アプリケーションの実行後に、各ページのライフサイクルの実装ではなく、最初のページのライフサイクルのライフサイクルを実行したときに終了します。