javascript / intermediate
Snippet
Zentralisierte App-Fehlerbehandlung
Vue bietet einen globalen Error-Handler zum Abfangen nicht behandelter Fehler während des Komponenten-Renderings und der Watcher-Ausführung. Dies ermöglicht ein einheitliches Logging und die Integration in Fehlerüberwachungsdienste, ohne jede Komponente in try-catch-Blöcke einschließen zu müssen.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
const app = createApp(App);app.config.errorHandler = (err, instance, info) => {console.error('Vue Error:', err);console.log('Component:', instance);console.log('Lifecycle Hook Info:', info);// Example: Send to external monitoring service// reportToSentry(err, info);};
vue
Erklärung
1
app.config.errorHandler = (err, instance, info) => {
Weist eine benutzerdefinierte Funktion zu, um Fehler global in der gesamten Anwendung zu behandeln.
2
info
Ein Vue-spezifischer String, der angibt, welcher Lifecycle-Hook oder interne Prozess den Fehler ausgelöst hat.