app.config アプリケーション設定オブジェクト
最終更新：2026-10-22
app.config アプリケーション設定オブジェクト
app.config は errorHandler、warnHandler、globalProperties、performance など、アプリ全体の設定を提供します。
| グループ | グローバル API |
|---|---|
| 種類 | API |
| スコープ | グローバル |
| Vue バージョン | 3.0+ |
| SSR 対応 | 対応 |
📝 構文
app.config.errorHandler = (err, vm, info) => { /* レポート送信 */ }
app.config.globalProperties.$http = http戻り値：設定オブジェクトそのもの
▶ 例
以下のコードを編集して結果を確認しましょう：
出力：
Clicking logs the caught error without breaking the page.💡 ポイント
💡 ヒント errorHandler は監視プラットフォーム（Sentry など）に接続する標準の入り口です。
ℹ️ 補足 globalProperties に載せたメンバーは、すべてのコンポーネントから this 経由でアクセスできます（Vue 2 の Vue.prototype の代替）。
⚠️ 注意 設定は mount の前に行ってください。本番環境では warnHandler は発火しません（開発のみ）。
🏷️ 関連グローバル API
💡 関連ケース
関連ケースは近日公開予定。
📚 関連チュートリアル
❓ よくある質問
Q errorHandler はどのエラーを捕捉しますか？
A コンポーネントのレンダリング/ライフサイクル/ウォッチャーが投げたエラーのうち、子の errorCaptured で止められなかったものです。
Q globalProperties に型補完はありますか？
A TypeScript では ComponentCustomProperties の宣言を拡張する必要があります。そうしないと型が付きません。
Q コンパイラオプションを変更できますか？
A 可能です（compilerOptions）。例えばカスタム区切り文字など。ただし完全版に限ります。
