javascript / beginner
Snippet
Reaktive Deklarationen mit $:
In Svelte kannst du mit der $: Syntax reaktive Variablen erstellen. Diese Variablen werden automatisch neu berechnet, sobald sich einer der Werte ändert, von denen sie abhängen.
snippet.js
1
2
3
4
5
6
7
8
9
<script>let count = 0;$: doubled = count * 2;</script><button on:click={() => count++}>Count is {count}</button><p>Double is {doubled}</p>
svelte
Erklärung
1
let count = 0;
Initialisiert eine Standardvariable, deren Änderungen von Svelte überwacht werden.
2
$: doubled = count * 2;
Das $: Symbol weist Svelte an, diese Zeile jedes Mal neu auszuführen, wenn sich 'count' ändert.