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 クラスターの構築方法

推薦する

Rails APIを使用してReactアプリケーションを構築するための詳細な手順

目次バックエンド: Rails API部分フロントエンド: React部分Reactコンポーネントa...

MySQL ページング制限の実用的な最適化

序文クエリ ステートメントを使用する場合、多くの場合、データの最初の数行または中間行を返す必要があり...

Hyper-V なしで Windows 10 を動作させるソリューション

Windows10 Home Edition でHyper-vを有効にする方法をまだ探していますか?...

Windows の MySQL net start mysql MySQL サービスの起動エラーが発生する システムエラーの解決

目次1- エラーの詳細2-シングルソリューション2.1-ディレクトリ C:\Windows\Syst...

mysql 実行プラン ID が空である (UNION キーワード) の詳細な説明

導入作業プロセス中に、遅いクエリが調整されることがあります。 MySQL SQL ステートメントのチ...

mysql スケジュールタスク (イベント イベント) の詳細な説明

1. イベントの簡単な紹介イベントは、MySQL が特定の時間に呼び出す手続き型データベース オブジ...

MySQL 8.0はJSONを扱えるようになりました

目次1. 概要2. JSON基本ツール3. JSONパス式4. JSONを検索して変更する序文:長い...

Spring jdbc のデータベース操作オブジェクト モデルの詳細な例

Spring jdbc のデータベース操作オブジェクト モデルの詳細な例Spring Jdbc デー...

Linux でファイル権限を変更する chmod コマンドの詳細な分析

Linux chmodコマンドを使用して、ターゲット ファイルにアクセス、読み取り、書き込み、または...

tomcat9.exeをクリックするとクラッシュする問題を解決する方法

ある読者から連絡があり、ダウンロードが終了し、操作がまだ開始されていないのに、なぜ Tomcat の...

Vue プロジェクトでのスキャンコード決済の実装例 (デモ付き)

目次需要背景思考分析UI 表示始める1. 支払いコンポーネントテンプレートを作成する2. 支払いコン...

Ubuntu での CUDA と CUDNN のインストールとアンインストールの実装

目次序文グラフィックドライバーをインストールするCUDAをアンインストールするCUDAをインストール...

純粋なCSSを使用してスイッチ効果を実現する

まずアイデアはこの効果を実現するには、 <input type="checkbox&...

CSSに基づいてマウス入力の方向を決定する

以前、フロントエンド技術グループに所属していたとき、グループのメンバーが面接中に問題に遭遇したと言っ...

GNU Parallelの具体的な使用法

それは何ですか? GNU Parallel は、1 台以上のコンピュータでコンピューティング タスク...