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

推薦する

MySQL 8.0 のユーザーとロールの管理原則と使用方法の詳細

この記事では、MySQL 8.0 のユーザーとロールの管理について例を挙げて説明します。ご参考までに...

Docker.v19 で Docker Compose オーケストレーション ツールをインストールして構成する方法

1. Compose の紹介Compose は、マルチコンテナ Docker アプリケーションを定義...

Centos8 でローカル Web サーバーを構築するための実装手順

1 概要システム Centos8 では、httpd を使用してローカル Web サーバーを構築します...

Dockerfile における VOLUME と docker -v の違い

Dockerfile でのボリュームのマウントと docker -v コマンドによるマウントには明ら...

Ubuntu 16.04/18.04 に Pycharm と Ipython をインストールするチュートリアル

Ubuntu 18.04の場合1. sudo apt install python 。コマンドライン...

Vue で $attrs と $listeners を使用するチュートリアル

目次導入例要約する導入$属性すべての親コンポーネントのプロパティを継承します (props を通じて...

Vueは透かし効果を簡単に実現します

序文: Vueプロジェクトで透かし効果を使用するには、コンテナを指定できます効果画像: 1. コンテ...

VMware 仮想マシン ubuntu18.04 インストール チュートリアル

インストール手順1. 仮想マシンを作成する 2. [カスタム(詳細)]を選択し、[次へ]をクリックし...

SQLはROW_NUMBER() OVER関数を使用してシーケンス番号を生成します。

構文: ROW_NUMBER() OVER(PARTITION BY COLUMN ORDER BY...

MySQL ストアド プロシージャで if ステートメントを使用する詳細な例

この記事では、例を使用して、MySQL ストアド プロシージャでの if ステートメントの使用方法を...

HTML 縦列表示テキストを使用してテキストを縦列で表示します

コードをコピーコードは次のとおりです。 <span style='display:bl...

Linux でも利用できる人気の Windows アプリ 10 選

データ分析会社Net Market Shareによると、Linuxデスクトップオペレーティングシステ...

JavaScriptを使用してページ効果を作成する

11. JavaScriptを使用してページ効果を作成する11.1 DOMプログラミングDOM プロ...

Ubuntu での Subversion (SVN) の詳細なインストールと設定

ソフトウェア開発者であれば、Subversion に精通している必要があります。 Subversio...

ネイティブJSで禁止すべきメソッドの記述

目次ブロックレベル関数オブジェクトのプロトタイプを直接変更すると呼び出された人発信者評価ブロックレベ...