app.config App Configuration
Last updated: 2026-10-22
app.config App Configuration
app.config carries app-wide settings such as errorHandler, warnHandler, globalProperties and performance.
| Group | Global API |
|---|---|
| Kind | API |
| Scope | Global |
| Vue Version | 3.0+ |
| SSR Support | Yes |
📝 Syntax
app.config.errorHandler = (err, vm, info) => { /* report */ }
app.config.globalProperties.$http = httpReturns：The configuration object itself
▶ Example
Edit the code below and see the live result:
Output：
Clicking logs the caught error without breaking the page.💡 Key Points
💡 Tip errorHandler is the standard monitoring hook.
ℹ️ Note globalProperties replaces Vue 2's prototype pattern.
⚠️ Warning Configure before mount; warnHandler is dev-only.
🏷️ Related Global API
💡 Related Cases
More case studies coming soon.
📚 Related Tutorials
❓ FAQ
Q What does errorHandler catch?
A Errors not stopped by a nearer errorCaptured.
Q Any typing for globalProperties?
A TypeScript needs a ComponentCustomProperties declaration.
Q Can compiler options change here?
A Yes via compilerOptions in the full build.
