beforeCreate インスタンス初期化前
最終更新：2026-10-22
beforeCreate インスタンス初期化前
beforeCreate はインスタンスが初期化される前に呼ばれます。data、methods、computed はまだ存在しないため、ほとんど使われません。
| グループ | オプション: 描画とライフサイクル |
|---|---|
| 種類 | オプション |
| スコープ | コンポーネント内 |
| Vue バージョン | 3.0+ |
| SSR 対応 | 対応 |
📝 構文
export default {
beforeCreate() {
// nothing like this.data exists yet
}
}⚙️ 引数
| value | 引数なし。this はまだ初期化されていないインスタンスを指します |
|---|
戻り値：戻り値なし
▶ 例
以下のコードを編集して結果を確認しましょう：
出力：
The console logs first, and the page shows the value set in created.💡 ポイント
ℹ️ 補足 プラグインが data より前の初期化に使うことがあります。
⚠️ 注意 ここで this.xxx にアクセスすると undefined になるため、ビジネスロジックは置かないでください。
🏷️ 関連描画とライフサイクル
💡 関連ケース
関連ケースは近日公開予定。
📚 関連チュートリアル
❓ よくある質問
Q これは何のためにあるのですか？
A まれなプラグインやミックスインのシナリオ向けです。通常は created か setup で足ります。
Q これでデータを取得できますか？
A 技術的には可能ですが、書き込むリアクティブな状態が存在しないため、created を使ってください。
Q setup との実行順序は？
A setup はこの間で実行され、両者の大半の用途を置き換えます。
