javascript / beginner
Snippet
Zwei-Wege-Bindung mit bind:value
Standardmäßig fließt der Datenfluss in Svelte von oben nach unten. Die bind:-Direktive ermöglicht eine Zwei-Wege-Datenbindung, was bedeutet, dass Änderungen in der Benutzeroberfläche (wie ein Eingabefeld) sofort die zugrunde liegende Variable aktualisieren und umgekehrt.
snippet.js
1
2
3
4
5
6
7
<script>let name = 'Svelte';</script><input bind:value={name}><h1>Hello {name}!</h1>
svelte
Erklärung
1
bind:value={name}
Verknüpft den Wert des Inputs in beide Richtungen mit der Variable 'name'.