VUE ユニアプリライフサイクルに関する簡単な説明

VUE ユニアプリライフサイクルに関する簡単な説明

1. アプリケーションライフサイクル

onLaunch

ユニアプリの初期化が完了したときにトリガーされます(グローバルに 1 回のみトリガーされます)onShow

uni-appを起動したとき、またはバックグラウンドからフォアグラウンドに入ったときにonHideが表示されます

uni-appがフォアグラウンドからバックグラウンドに移動するとき

2. ページのライフサイクル

onLoad

ページの読み込みを待機する onReady

ページの初期レンダリングが完了するまで待機します。レンダリング速度が速い場合、ページがアニメーションに入る前にonShowがトリガーされることに注意してください。

監視ページが表示されます。ページが画面に表示されるたびに発生します。下位レベルのページから戻って現在のページを表示する場合も含みます。

モニターページを非表示 onUnload

モニターページのアンインストール

コンポーネントライフサイクル

beforeCreate

インスタンスが初期化された後に呼び出されます。

インスタンスが作成された直後に、mounted が呼び出されます。

インスタンスにマウントした後に呼び出されます。注記: ここですべてのサブコンポーネントがマウントされているとは限りません。サブコンポーネントが完全にマウントされた後に操作を実行する必要がある場合は、$nextTickdestroyed を使用できます。

Vue インスタンスが破棄された後に呼び出されます。呼び出し後、Vue インスタンスによって指し示されるすべてのものがバインド解除され、すべてのイベント リスナーが削除され、すべての子インスタンスが破棄されます。

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。

以下もご興味があるかもしれません:
  • Vue2とVue3のライフサイクルの比較の詳細な理解
  • Vueライフサイクルの詳細な説明
  • Vueライフサイクルの違いの詳細な説明
  • Vueライフサイクルの詳細な理解
  • Vueのライフサイクルについての簡単な説明

<<:  MySQL で単一のフィールド内の複数の値を分割および結合する方法

>>:  Docker ベースの Redis クラスターの構築方法

推薦する

CSS変数を使用してダークモードを実装するためのサンプルコード

最近、WeChatはAppleによってダークモードの開発を強制されました。ますます多くのウェブサイト...

webpackの遅延読み込みとプリロードの詳細な説明

目次通常の読み込み遅延読み込みプリロードプリロードを使用しないプリロードの使用要約する通常の読み込み...

Dockerを使用してSpring Bootプロジェクトをデプロイする手順

目次シンプルなSpringbootプロジェクトを作成する1. pom.xmlでSpring Boot...

HTML で入力ボックスに純粋な数字のみを入力するように制限する方法

inputボックスを純粋な数字のみに制限する1、onkeyup = "value=valu...

ウェブ上の模倣と盗作に関する議論

2005年に業界に入ってから数か月後、労働者の日休みの期間中、1か月以上毎日12時まで残業をしました...

MySQL データ挿入最適化メソッドconcurrent_insert

スレッドがテーブルに対して DELAYED ステートメントを実行するときに、そのようなハンドラーが存...

Vueでショッピングカートのすべての機能を実装する簡単な方法

主な機能は次のとおりです。製品情報を追加する製品情報を変更する単一の製品を削除する複数の製品を削除す...

Dockerの基礎

序文: Docker はオープンソースのアプリケーション コンテナ エンジンであり、開発者はこれを使...

Vue で Axios カプセル化を使用するための完全なチュートリアル

序文現在、プロジェクトでは、Axios ライブラリが HTTP インターフェース リクエストによく使...

JavaScript による省・市連携効果の実現

この記事では、省と都市間の連携効果を実現するためのJavaScriptの具体的なコードを参考までに共...

Linux で履歴コマンドを表示および実行する方法

履歴コマンドを表示し、指定されたコマンドを実行します owen@owen:~/owen/softwa...

Sysbench の MySQL ベンチマーク プロセスの分析

序文1.ベンチマークは、テスト オブジェクトのクラスの特定のパフォーマンス指標の定量的、再現可能、比...

HTML で margin:0 auto を使用するとページ全体が中央に配置されない問題の解決方法

今日、jsp ページを書きました。<div style="margin:0 auto...

Docker のポート解放失敗の解決策

今日、非常に奇妙な状況に遭遇しました。docker イメージを更新した後、docker-compos...

MySQL で左結合を使用して where 条件を追加する問題の詳細な分析

現在の需要:グループとファクターの 2 つのテーブルがあります。1 つのグループは複数のファクターに...