vue のライフサイクル関数とプロセスの簡単な説明:
- vue のライフサイクル関数は、実際には vm のライフサイクルです。
- 作成: 作成前、作成済み
- マウント: beforeMount、マウント済み
- 更新:更新前、更新済み [ˌʌpˈdeɪtɪd]
- 破壊:前破壊、破壊
vue のライフサイクルは、vue インスタンスの作成、マウント、更新、破棄のプロセスです。
Create が作成される前、初期化された vue インスタンスにはデフォルトのイベントとライフサイクルのみが含まれます。
データとメソッド バインディング イベントは、beforeCreate と created の間にマウントされます。
el に従ってページ要素をマウントします。el が設定されていない場合は、vm.$mount(el) 関数を呼び出して手動でマウントできます。el がマウントされた後、ページはコンパイルされたテンプレート / または externalHTML(el) に従ってレンダリングされます。テンプレートとして;
仮想 DOM は beforeMount の前に作成されており、マウントされる前に vm.$el がページ要素 el に置き換えられます。マウントされた後、仮想 DOM は実際のページにマウントされます (この時点でページは完全にレンダリングされています)。データが変更されると、beforeUpdate がトリガーされ、一部の操作を実行するために更新されます。
最後に、破棄関数がアクティブに呼び出されるか、Destroy の前にコンポーネントが自動的に破棄されると、リスニング イベントやタイマーなどが手動でキャンセルされます。破棄されると、Dom ノードのみが存在し、その他はすべて自動的に破棄されます。これが、vue の完全なライフサイクルとして私が理解していることです。
Vue のライフサイクル図: