javascript / beginner
Snippet
Reaktive Deklarationen
Reaktive Deklarationen berechnen ihren Wert automatisch neu, wann immer sich eine der referenzierten Variablen ändert. Die $: Syntax markiert eine Anweisung als reaktiv.
snippet.js
javascript
1
2
3
4
5
6
7
8
<script>let count = 0;$: doubled = count * 2;</script><button on:click={() => count++}>{count} doubled is {doubled}</button>
svelte
Erklärung
1
let count = 0;
Initialisiert eine standardmäßige reaktive Variable.
2
$: doubled = count * 2;
Das $: Label weist Svelte an, diese Zeile jedes Mal neu auszuführen, wenn sich 'count' ändert.