毎日の学習のためのVueのライフサイクル

前回のインタビューでは、Vueのライフサイクルについて何度も尋ねられましたが、答えは非常に単純で、各フックの呼び出し状態についてはあまり理解していませんでした。この2日間で、ライフサイクルを再学習しました。以下は、ライフサイクルに関する私の意見です。サイクルの予備的な理解。不適切な理解がある場合は、修正してかまいません。積極的に修正し、進んで進んでいきます。
1.定義:Vueインスタンスの作成、操作、破棄から、これらのプロセスにはさまざまなイベントが伴い、これらのイベントはライフサイクルと呼ばれます。(ライフサイクルのフック機能は周期的な機能です)
2.公式サイトのライフサイクル図の分析:
絵がとても落書きで理解が間違っています。是正してください
ここに画像の説明を挿入

3.
ライフサイクルの分類とステータス:3.1作成中のライフサイクル関数:
beforeCreate():この時点では、インスタンスはメモリ内に作成されたばかりで、データとメソッドは初期化されていません。
created():この時点で、インスタンスはメモリ内に作成されており、データとメソッドは初期化されています。テンプレートはまだコンパイルされていません。
beforeMount():現時点では、テンプレートは正常にコンパイルされており、ページにマウントされていません。
mount():この時点で、コンパイルされたテンプレートは指定された場所にマウントされています。
3.2運用中のライフサイクル機能:
beforeUpdate():この時点では、データデータが変更された後、DOMツリーは再レンダリングされておらず、データのデータは最新ですが、古いデータがページに表示されています。
updated():現時点では、データ内のデータはページ内のレンダリングと一致しています。
3.3破棄中のライフサイクル関数:
beforeDestroy():この時点では、インスタンスのメソッドと命令はまだ利用可能であり、インスタンスが破棄される前に呼び出されます。
destroy():この時点で、Vueインスタンス上のすべての命令、バインディング、およびモニターが破棄され、すべての子インスタンスが破棄されます。
以上が、Vueインスタンスの作成から操作、破棄までの状態についての私の理解です。

おすすめ

転載: blog.csdn.net/weixin_49175902/article/details/108225948