javascript / intermediate
Snippet
Reaktive Komposition mit Derived Stores
Derived Stores ermöglichen es, einen Store zu erstellen, dessen Wert von einem oder mehreren anderen Stores abhängt. Wann immer sich die Quell-Stores ändern, berechnet der Derived Store seinen Wert effizient neu.
snippet.js
javascript
1
2
3
4
5
6
7
import { derived } from 'svelte/store';import { count } from './stores.js';export const doubled = derived(count,$count => $count * 2);
svelte
Erklärung
1
import { derived } from 'svelte/store';
Importiert den derived-Helper, um abhängige reaktive Zustände zu erstellen.
2
count,
Das erste Argument ist der Eingabe-Store (oder ein Array von Stores).
3
$count => $count * 2
Der Callback erhält die aktuellen Werte und gibt den neuen abgeleiteten Wert zurück.