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

推薦する

HTML の空リンク href="#" と href="javascript:void(0)" の違い

# には位置情報が含まれます。デフォルトのアンカーは #top で、これは Web ページの上部です...

Reactでレシピシステムを実装する方法を解説した記事

目次1. レシピ集1.1 プロジェクトの背景1.2 テクノロジースタック1.3 開発環境1.4. プ...

MySQLクエリ最適化プロセスを理解する

目次パーサーとプリプロセッサクエリオプティマイザーMySQL クエリの最適化には、解析、前処理、最適...

MYSQL トランザクション チュートリアル Yii2.0 マーチャント引き出し機能

序文私はプログラマーとしてスタートした PHP プログラマーです。これまで、トレーニング コースで勉...

Vue+Springbootでインターフェースシグネチャを実装するためのサンプルコード

1. 実装のアイデアインターフェース署名の目的は、リクエストパラメータが改ざんされていないか、リクエ...

Ace をベースにした Markdown エディターを共有する

エディターは 2 つのカテゴリに分かれていると思います。1 つは、即時レンダリングを実現するために左...

Centos8 システムの VMware インストール チュートリアル図 (コマンド ライン モード)

目次1. ソフトウェアとシステムイメージ2. 仮想マシンを作成する3. CentOS8をインストール...

VMware Workstation 14 Pro インストール Ubuntu 16.04 チュートリアル

この記事では、VMware Workstation14 ProにUbuntu 16.04をインストー...

CSS の無効な行の高さ設定の問題の解決策

CSS の無効な行の高さ設定についてまず、次のコード文字列を記述します。 <!DOCTYPE ...

Js クラスの構築と継承のケースの詳細な説明

JS のクラスの定義や継承は本当に多様なので、別のノートブックを開いて記録しておきます。意味オブジェ...

LAMP ソースコードを使用したエンタープライズレベルのインストールチュートリアル

目次LAMPアーキテクチャ1.ランプの紹介2. WebサービスワークフローWebサーバーのリソースは...

Vue の匿名スロットと名前付きスロットの詳細な説明

目次1. 匿名スロット2. 名前付きスロット要約するスロット (slot) は、Vue のコンテンツ...

jQuery キャンバスは QR コード付きのポスターを生成します

この記事では、jQuery キャンバスを使用して QR コード付きのポスターを生成するための具体的な...

Json の長所と短所、使用方法の紹介

目次1. JSONとは何か1.1 配列リテラル1.2 オブジェクトリテラル1.3 混合リテラル1.4...

ウェブ開発者はIE7とIE8の共存を懸念している

今日、IE8 をインストールしました。ダウンロードするために Microsoft の Web サイト...