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

推薦する

vue3 を使用したジグソーパズルゲームのリファクタリングの例

序文プロジェクト内のパズルゲーム(デジタル華容路とも呼ばれる)を再構築するのに 2 日かかりました。...

Dockerコンテナ内で2つのプロセスを開始するときのDockerfile実装コード

最近、cronスケジュールタスク用のdockerを作りたいと思っており、Dockerfileで次のよ...

WeChatアプレットシングルページアプリケーションルーティングを徹底的に理解するための10分

シングルページアプリケーションの特徴「前提:」Web ページには、クリックするとサイト内の他のページ...

Docker 起動時の ES メモリ オーバーフローの解決方法

jvm.options ファイルを elasticsearch 構成に追加し、スタック サイズを変更...

Linux クラウド サーバーに JDK と Tomcat をインストールするための詳細な手順 (推奨)

JDKをダウンロードしてインストールするステップ 1: まず、公式 Web サイト http://...

WindowsでのNginxの起動や停止などの基本操作コマンドの詳しい説明

Windows で Nginx を使用するには、Nginx サービスの起動、停止、Nginx のリロ...

MySQL Bツリーインデックスとインデックス最適化の概要についての簡単な説明

MySQL の MyISAM エンジンと InnoDB エンジンはどちらもデフォルトで B+ ツリー...

Docker で LNMP 環境を素早く構築する方法 (最新)

序文ヒント: ここで、この記事に記録するおおよその内容を追加できます。例えば、人工知能の継続的な発展...

ハイパーリンクAタグを学ぶ

聞く: CSS を使用してハイパーリンクのスタイルを設定しましたが、ホバーしても機能しません。なぜこ...

Dockerイメージ解析ツールのダイブ原理解析

今日は、Docker イメージ、各レイヤーの内容を調べ、Docker/OCI イメージのサイズを縮小...

XHTML 入門チュートリアル: テキストの書式設定と特殊文字

<br />このセクションでは、XHTML でテキストの書式設定と特殊文字を実装する方法...

HTML ページの先頭に戻るいくつかの実装の概要

最近、ウェブサイトを開発する際にトップに戻るボタンを作成する必要がありますが、私は主にバックエンドの...

Linux/CentOS サーバー セキュリティ構成の一般ガイド

Linux はオープン システムです。インターネット上には、既成のプログラムやツールが多数存在します...

Nginx は高可用性クラスタ構築を実装します (Keepalived+Haproxy+Nginx)

1. コンポーネントと実装機能Keepalived: Haproxy サービスの高可用性を実現し、...

VMware Workstation 15 Pro に Ubuntu 1804 をインストールするチュートリアル (画像とテキスト付き)

このメモはインストール チュートリアルです。実用的な意味はありません。記録のためだけに書いています。...