beforeMount マウント前（Options API）

最終更新：2026-10-22

beforeMount は最初のレンダリングの直前に呼ばれます。レンダー関数は準備済みですが、DOM はまだ存在しません。

📝 構文

export default {
  beforeMount() {
    // render ready, DOM not created
  }
}

value	引数なし

戻り値：戻り値なし

以下のコードを編集して結果を確認しましょう：

出力：

Shows 'ref at beforeMount: null'.

⚠️ 注意 ここで DOM を読み取らないでください。まだ何もレンダリングされていません。

ℹ️ 補足 Composition API の onBeforeMount に対応し、日常的に必要になることはまれです。

Q created との違いは？

A created の方が早く、beforeMount はレンダー関数の準備後に来ます。

Q テンプレート参照は取得できますか？

A 取得できません。mounted まで null のままです。

Q 日常的に必要ですか？

A ほとんど不要です。created/setup と mounted を使ってください。

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。