javascript / beginner
Snippet
Reaktive Deklarationen ($:)
Svelte verwendet die `$:`-Syntax, um eine Anweisung als reaktiv zu markieren. Das bedeutet, dass der Code automatisch neu ausgeführt wird, wenn sich eine der referenzierten Variablen ändert. Dies ist ein leistungsstarker Weg, um abgeleiteten Zustand ohne manuelle Aktualisierungen zu berechnen.
snippet.js
1
2
3
4
5
6
<script>let count = 0;$: doubled = count * 2;</script><p>{count} doubled is {doubled}</p>
svelte
Erklärung
1
$: doubled = count * 2;
Diese Zeile weist Svelte an, 'doubled' jedes Mal neu zu berechnen, wenn 'count' aktualisiert wird.