145 words
1 minutes
Vueのライフサイクルタイミングを理解する
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 のどんなフックよりも先に呼び出されることに注意してください。
と書いてあるのでとにかく速いのだと思います。
Vueのライフサイクルタイミングを理解する
https://fuwari.vercel.app/posts/2023/02/lifecycle/