Automatische Bereinigung von Seiteneffekten mit onScopeDispose

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
import { onScopeDispose } from 'vue';
 
export function useExternalService(service) {
  service.connect();
 
  onScopeDispose(() => {
    service.disconnect();
  });
}

vue

Erklärung

import { onScopeDispose } from 'vue';

Importiert den Hook, der die Bereinigung auf Scope-Ebene verwaltet.

onScopeDispose(() => { ... });

Registriert einen Callback, der ausgeführt wird, wenn der Effekt-Scope oder die Komponente entfernt wird.

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Fortgeschrittene →

Verwandt

Aus deiner Bibliothek