Skip to main content

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

Less than 1 minute

Vue.js のライフサイクル

メソッド一覧

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

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

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

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

Last update:
Contributors: tkgstrator