Vue.jsのライフサイクルを丁寧に図解し直してみた - Qiita

そもそもVue.jsのライフサイクルとは？ Vueインスタンスが生成されていから破棄されるまでの流れのこと。 基本的にはページが遷移するたびに破棄されデータなどが初期化され新たに生成される。 なぜいちいち破棄しなければならないのか？ ページごとに値が残っていては、Vueとして、サービスとして機能しないから。 Vue公式のライフサイクルの説明 Vueのライフサイクルは公式で以下のように図解してある。 Vue.js公式・ライフサイクルダイアグラム だが英語だし、初見だと少し分かりにくかったので自分なりに補足などしてまとめてみた。 用語確認 初期化 最初の状態に戻すこと。もしくは最初の状態を整えること。 (https://wa3.i-3-i.info/word12961.html) マウント Vueの形式で書かれたコンポーネントなどの仮想表現を最終的なUI表現に出力するプロセス。 リアクティブデ