WeChat ミニ プログラムのページ ライフ サイクルの詳細な解釈 (詳細なチュートリアル)

この記事は主にWeChatミニプログラムページのライフサイクルに関する関連情報を詳細に紹介しており、興味のある友人は参考にしてください

WeChatミニプログラムページのライフサイクルの紹介、詳細は次のとおりです。以下の通り

ページライフサイクル関数

onLoad —- ページの読み込みを監視
onReady —- ページの初期レンダリング完了を監視
onShow —- ページの表示を監視
onHide —- ページの非表示を監視
onUnload —- ページのアンインストールを監視

Page({

 /**
  * 页面的初始数据
  */
 data: {
  banner_url:data.bannerList(),
  open:false
 },

 /**
  * 生命周期函数--监听页面加载
  */
 onLoad: function (options) {
  console.log("==onLoad==");
 },

 /**
  * 生命周期函数--监听页面初次渲染完成
  */
 onReady: function () {
  console.log("==onReady==");
 },

 /**
  * 生命周期函数--监听页面显示
  */
 onShow: function () {
  console.log("==onShow==");
 },

 /**
  * 生命周期函数--监听页面隐藏
  */
 onHide: function () {
  console.log("==onHide==");
 },

 /**
  * 生命周期函数--监听页面卸载
  */
 onUnload: function () {
  console.log("==onUnload==");
 }
})

ホーム ページに入ることでトリガーされる 関数

ブログ ページに出入りするためのトリガー関数

概要:

1. ホームページを離れて詳細ページに入るときに、onHide 関数が使用されます。ホームページに戻ったときにページを非表示にします。 onShow を使用して直接表示します
2. 詳細ページを離れるとき、onUnload 関数が使用されます。ここでページをアンロードします。そのため、次回詳細ページに入るときに、ページを再度ロードする必要があります (ロード - 表示 - レンダリング)
3. 上記の状況は、open-type="redirect" が設定されていない場合、ホームページを離れるときに onUnload がトリガーされます。ホームページに戻ることはできません。

詳細については、WeChat アプレット コンポーネントのナビゲーターを参照してください。

上記は私があなたのためにまとめたものです。

関連記事:

JS操作クリップボードに対する詳細な回答

AngularでLodashメソッドを使用する方法?

vue-router プロジェクトの実践 (詳細なチュートリアル)

以上がWeChat ミニ プログラムのページ ライフ サイクルの詳細な解釈 (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。