javascript / intermediate
Snippet
Seiteneffekt-Bereinigung in watchEffect
Die Funktion watchEffect erhält einen onCleanup-Callback, mit dem Sie Logik registrieren können, die ausgeführt wird, bevor der Effekt erneut ausgelöst oder die Komponente entfernt wird. Dies ist entscheidend, um Memory Leaks durch Timer oder Event-Listener zu vermeiden.
snippet.js
1
2
3
4
watchEffect((onCleanup) => {const timer = setInterval(() => console.log('Ping'), 1000);onCleanup(() => clearInterval(timer));});
vue
Erklärung
1
onCleanup(() => ...)
Registriert eine Funktion, die das Intervall löscht, wenn sich die Abhängigkeit ändert oder die Komponente zerstört wird.