vueの学習をしている際に、
vueのライフサイクルについて学習したのでまとめます。
1.Vueインスタンスの生成(new vue が生成された際)
(前) beforeCreate = リアクティブデータが初期化される前に呼び出される
(後) created リアクティブデータが初期化された後に呼び出される
2.DOMへのマウント(生成されたVueインスタンスがDOMにマウントされる、コンポーネントがHTMLの要素に反映される)
(前) beforeMount DOMにマウントされる前に行われる
(後) Mounted DOMにマウントされた後に行われる
3.データの変更/画面の更新(vueインスタンスのdataが変更、propsで渡されているデータが親で変更されたタイミングで
DOMを自動的に更新し再描画する)
(前) beforeUpdate DOMが更新される前に行いたい処理
(後) Update = DOMを更新した後に行いたい処理
4.Vueインスタンス破棄(v-ifやv-forなどの機能によりインスタンスが表示されなくなる(破棄)されるタイミング
(前) beforeDestroy = vueインスタンスが破棄される前
(後) Destroy = vueインスタンスが破棄された後