Vueのライフサイクルタイミングを理解する

By tkgstrator at

Vue.js のライフサイクル

メソッド一覧

メソッド タイミング
setup 最速
beforeCreate インスタンス初期化時
created インスタンス利用可能時
beforeMount コンポーネントマウント直前
mounted コンポーネントマウント直後
beforeUpdate DOM 更新直前
updated DOM 更新完了時
beforeUnmount コンポーネントアンマウント直前
unmounted コンポーネントアンマウント直後
errorCaptured エラーキャプチャー時
activated DOM 挿入後
deactivated DOM 削除後

個人的によく使うのはcomputed, mounted, setupなのですが、その中でもsetupが最速らしいです。

Composition API の setup() フックは、beforeCreate() を含めた Options API のどんなフックよりも先に呼び出されることに注意してください。

と書いてあるのでとにかく速いのだと思います。