javascript / intermediate
Snippet
Globales Zustandsmanagement mit Writable Stores
Writable Stores bieten eine Möglichkeit, den Zustand über mehrere Komponenten hinweg zu teilen, ohne Props durchzureichen. Sie implementieren das Observable-Muster, wodurch Komponenten Änderungen abonnieren und die Benutzeroberfläche reaktiv aktualisieren können.
snippet.js
javascript
1
2
3
4
5
6
7
8
import { writable } from 'svelte/store';export const count = writable(0);// In a component:// count.update(n => n + 1);// count.set(0);// $count // Auto-subscription
svelte
Erklärung
1
import { writable } from 'svelte/store';
Importiert die writable-Funktion aus dem Svelte-Store-Modul.
2
export const count = writable(0);
Erstellt einen neuen Store mit einem Initialwert von 0 und exportiert ihn für die globale Verwendung.
3
$count
Das Präfix '$' ist eine Svelte-Abkürzung, die das Abonnieren und Abbestellen automatisch handhabt.