app.mount() アプリのマウント

最終更新：2026-10-22

app.mount() はアプリをコンテナ要素にマウントします。コンテナ内部はアプリがレンダリングした DOM で置き換えられます。

📝 構文

app.mount("#app")

// 要素を渡すことも可能
app.mount(document.getElementById("app"))

rootContainer	CSS セレクターまたは実際の要素

戻り値：ルートコンポーネントインスタンス（マウント後にその ref を参照できます）

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

出力：

Shows 'mounted' and logs the root instance.

⚠️ 注意 コンテナの内容は置き換えられます。SFC/DOM テンプレートの場合を除き、テンプレートを中に書いて解析されることを期待しないでください。

ℹ️ 補足 マウント後は戻り値からルートコンポーネントインスタンス（$el、$data など）にアクセスできます。

💡 ヒント 同じコンテナへの再マウントは警告が出ます。1 つの要素は 1 つのアプリにしか属せません。

Q body にマウントできますか？

A おすすめしません。body の内容を置き換え、他のスクリプトに干渉します。専用のコンテナを使う方が安全です。

Q マウント前に操作できますか？

A できません。DOM もインスタンスもまだ準備できていません。マウント後に戻り値経由でアクセスしてください。

Q 異なるコンテナに複数回マウントできますか？

A 同じ app は 1 回しかマウントできません。複数のコンテナには複数の app を作成してください。

Web-Tutorial 技術チーム

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