Vue コンポーネントの各ライフサイクルの責任の概要。

vue のコンポーネントのライフ サイクル、各ライフ サイクルは何を行うのか、このライフ サイクルで何を行う必要がありますか?

[関連する推奨事項: vue.js ビデオ チュートリアル ]

各ライフサイクルがいつ呼ばれるかを理解するには

• 1.beforeCreate は、インスタンスが初期化された後、データ オブザーバーの前に呼び出されます。

• 2.created は、インスタンスの作成後に呼び出されます。このステップで、インスタンスはデータ オブザーバー、プロパティとメソッドの操作、監視/イベント イベント コールバックの構成を完了します。 $el

• 3 はありません。マウントが開始される前に beforeMount が呼び出されます。関連するレンダリング関数が初めて呼び出されます。

• 4.mounted el は新しく作成された vm.$el に置き換えられ、このフックを呼び出す前にインスタンスにマウントされます。

• 5.beforeUpdate は、データが更新されるときに呼び出されます。これは、仮想 DOM が再レンダリングされ、パッチが適用される前に発生します。

• 6.updated このフックは、データ変更により仮想 DOM が再レンダリングされ、パッチが適用された後に呼び出されます。

• 7.beforeDestroy は、インスタンスが破棄される前に呼び出されます。このステップでは、インスタンスはまだ完全に利用可能です。

• 8.destroyed Vue インスタンスが破棄された後に呼び出されます。この呼び出しの後、Vue インスタンスが指すすべてのバインドが解除され、すべてのイベント リスナーが削除され、すべての子インスタンスが破棄されます。このフックはサーバー側のレンダリング中に呼び出されません

##各ライフサイクル内で何ができるかを理解するには

• 1.created インスタンスは作成されました。これは最も早いトリガーであり、いくつかのデータとリソースのリクエストを行うことができるためです。

• 2.mounted インスタンスがマウントされ、一部の DOM 操作を実行できます。

• 3.beforeUpdate このセクションでステータスをさらに変更できます。フック : 追加の再レンダリング プロセスはトリガーされません。

• 4.updated DOM に依存する操作を実行できます。ただし、ほとんどの場合、更新の無限ループが発生する可能性があるため、この期間中に状態を変更しないようにしてください。このフックは、サーバー側のレンダリング中には呼び出されません。

• 5.destroyed は、いくつかの最適化操作、タイマーのクリア、イベントのバインド解除を実行できます

以上がVue コンポーネントの各ライフサイクルの責任の概要。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。