javascript / beginner
Snippet
Der tick Lifecycle-Helfer
Svelte bündelt DOM-Updates für eine bessere Performance. Die tick-Funktion gibt ein Promise zurück, das aufgelöst wird, sobald alle ausstehenden Zustandsänderungen im DOM angewendet wurden.
snippet.js
1
2
3
4
5
6
7
import { tick } from 'svelte';async function updateAndFocus() {text = 'Updated!';await tick();console.log('The DOM is now in sync');}
svelte
Erklärung
1
import { tick } from 'svelte';
Importiert die tick-Funktion aus dem Svelte-Core-Paket.
2
await tick();
Pausiert die Funktionsausführung, bis Svelte die Aktualisierung des DOMs nach der vorherigen Zustandsänderung abgeschlossen hat.