Vue2とVue3のライフサイクルの比較の詳細な理解

Vue2とVue3のライフサイクルの比較の詳細な理解

サイクル比較

ヴュー2ヴュー3
作成前設定
作成された設定
マウント前マウント前
マウントされたマウント時
更新前更新前
更新されました更新日
アクティブ化されたアクティブになった
非アクティブ非アクティブ化時
前ストーリーマウント解除前
破壊されたマウント解除時

使用法

vue2のライフサイクルは、 created() {}のように、データ/メソッドと同じレベルの関数として使用されます。

データ() {
    戻る {}
},
作成された() {
    ...
}

vue3 のライフサイクル設定は最も外側のレイヤーにあり、オンデマンドでロードする必要はありません。他のライフサイクルは、使用するためにオンデマンドでロードする必要があります。

'vue' から { omMounted } をインポートします
設定() {
    マウントされたとき(() => {...})
}

要約する

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

以下もご興味があるかもしれません:
  • Vueのライフサイクルに関するよくある話
  • Vue3ライフサイクルフック機能の詳しい説明
  • Vueのライフサイクルについての簡単な説明
  • Vueライフサイクルの詳細な説明
  • Vueのライフサイクルについて詳しく説明します
  • Vueのライフサイクルについて学びましょう

<<:  HTML タグの表示モード (ブロックレベル タグ、インライン タグ、インライン ブロック タグ) に関する簡単な説明

>>:  マウスがカード上に移動したときにフローティング効果を実現する CSS の使用例

推薦する

Vueはマーキースタイルのテキストの水平スクロールを実装します

この記事では、マーキースタイルのテキストの水平スクロールを実現するためのVueの具体的なコードを参考...

情報製品の読書リストのインタラクティブなデザインに関する考えと経験の共有

リストは、テーブルをコンテナーとして使用するテキストまたはグラフの形式として定義されます。商品の種類...

Linux でバックグラウンドで実行中のプログラムを表示して終了する方法

1. .shファイルを実行する./sh ファイルを使用して直接実行することもできますが、現在のターミ...

LeetCode の SQL 実装 (182. 重複するメールボックス)

[LeetCode] 182.重複メールPerson という名前のテーブル内のすべての重複メールを...

VMware 仮想マシンのインストール Linux システムのグラフィック チュートリアル

この記事では、LinuxシステムのVMwareインストールの具体的な手順を参考までに紹介します。具体...

デスクトップ仮想化を実現するために Hyper-V を展開する手順 (グラフィック チュートリアル)

Hyper-V を展開するためのハードウェア要件は次のとおりです。 64 ビット プロセッサ、具体...

ApacheBench でマルチ URL をサポートする方法

標準の ab は単一の URI でのストレス テストのみをサポートしており、実際のニーズを満たしてい...

Linuxでawkを使用する方法の詳細な説明

awk を学ぶ前に、sed、grep、tr、cut などのコマンドを学んでおく必要があります。これら...

VMware15 の Deepin インストール詳細チュートリアル (画像とテキスト)

序文Deepin のユーザー インターフェイスは、使用時に非常に見栄えがします。インターフェイス効果...

モバイル適応型ウェブページ効果は、小さな表示ページの問題を解決します

仕事上、携帯電話に適応した Web ページ効果を作成する必要があります。ようやく完成しました。まずは...

美しいHTMLコードの書き方

美しい HTML コードの外観 美しい HTML コードの書き方。外国人が書いた記事: 美しい HT...

MySQL の高可用性アーキテクチャの完全な説明: MHA アーキテクチャ

目次1. はじめに2. 構成3. 作業プロセス4. 建築5. 表示例MHA (Master HA) ...

Reactフック入門チュートリアル

ステートフック例: 'react' から useState をインポートします。 関...

JavaScript でカウントダウン効果を実装する

カウントダウン効果を実現するにはJavascriptを使用します。参考までに、具体的な内容は次のとお...