Vue.js インスタンスライフサイクル（コンポーネントライフサイクル）

ライフサイクルフック一覧

beforeCreate() ：このメソッドはデータの監視とイベント/ウォッチャのセットアップより前の、Vue インスタンスが初期化された後、同期的に呼ばれます。

created() ：このメソッドは Vue インスタンスが作成された後に同期的に呼ばれます。この段階では、データ監視、算出プロパティ、メソッド、イベントコールバックのセットアップ処理が完了したことを意味しますが、マウンティングの段階はまだ開始されていません。

beforeMount() ：このメソッドはコンポーネントがマウンティングされる直前に呼ばれます。ですから、render メソッドが実行される前に呼び出します。

mounted() ：このメソッドはコンポーネントがマウントされた直後に呼ばれます。

beforeUpdate() ：このメソッドはデータが変更されるとき、仮想 DOM が再レンダリングとパッチが適用される前に呼ばれます。

updated() ：このメソッドはデータが変更後、仮想 DOM が再レンダリングとパッチが適用されることによって呼ばれます。

activated() ：このメソッドは生き続けたコンポーネントが活性化するとき呼ばれます。

deactivated() ：このメソッドは生き続けたコンポーネントが非活性化されるとき呼ばれます。

beforeDestroy() ：このメソッドは Vue インスタンスまたはコンポーネントが破棄された後に呼ばれます。この段階では、インスタンスはまだ完全に機能しています。

destroyed() ：このメソッドは Vue インスタンスまたはコンポーネントが破棄された後に呼ばれます。このフックが呼ばれるとき、 Vue インスタンスの全てのディレクティブはバウンドしておらず、すべてのイベントリスナは削除され、全ての子の Vue インスタンスは破棄されています。