Categories
Tags
Alamofire Android AppStoreConnect AWS Bun C++ cAdvisor CFW Cloudflare Cloudflare Access Cloudflare KV Cloudflare Tunnel Cloudflare Workers D1 Deno DevContainer Discord Docker ECR ECS Edizon Emulator EmuMMC Fastlane Firestore Frida Ghidra Git GitHub GitHub Actions GitLab GPG Grafana HACGUI Heroku Homebrew Hono IDA Pro iOS IPSwitch Jailbreak Javascript JSON JWT LanPlay Linode macOS Mirakurun MongoDB NestJS NextJS Nintendo Nintendo Switch NodeJS PHP PostgreSQL Prisma Programming Prometheus Python React Realm RealmSwift Ruby Salmon Run Salmonia3+ Shogi Sideload Snap Splatoon Splatoon2 Splatoon3 SSH Stable Diffusion Starlight Swift Swift Package SwiftUI Switch TensorRT Turf War Typescript TypeScript Ubuntu Ubuntu Server VNC VPN VSCode Vue WARP Wireguard XCode Xcode yarn zsh 家電 横歩取り
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/