0 Tage Serie
javascript / intermediate
Snippet

Automatische Bereinigung von Seiteneffekten mit onScopeDispose

onScopeDispose ist ein Lifecycle-Hook, der ausgeführt wird, wenn der aktuelle reaktive Gültigkeitsbereich zerstört wird. Er ist ideal für das Bereinigen manueller Subscriptions oder Timer, ohne an eine spezifische Komponenteninstanz gebunden zu sein.

snippet.js
javascript
1
2
3
4
5
6
7
8
9
import { onScopeDispose } from 'vue';
export function useExternalService(service) {
service.connect();
onScopeDispose(() => {
service.disconnect();
});
}
vue
Erklärung
1
import { onScopeDispose } from 'vue';
Importiert den Hook, der die Bereinigung auf Scope-Ebene verwaltet.
2
onScopeDispose(() => { ... });
Registriert einen Callback, der ausgeführt wird, wenn der Effekt-Scope oder die Komponente entfernt wird.