javascript / expert
Snippet
Synchrone Watcher für sofortige Statussynchronisation
Standardmäßig werden Vue-Watcher gepuffert und asynchron ausgeführt, um die Performance zu optimieren. Das Setzen von 'flush: sync' erzwingt, dass der Watcher sofort ausgeführt wird, wenn sich die Abhängigkeit ändert. Dies ist entscheidend für Logik, die vor dem nächsten DOM-Update-Zyklus abgeschlossen sein muss.
snippet.js
1
2
3
4
watch(source, (val) => {// Logic that must run before DOM updatesprocessedData.value = val * 2;}, { flush: 'sync' });
vue
Erklärung
1
watch(source, (val) => {
Definiert einen Watcher, der die reaktive Referenz 'source' überwacht.
2
processedData.value = val * 2;
Aktualisiert einen abhängigen Wert sofort nach der Änderung.
3
}, { flush: 'sync' });
Die Option 'flush: sync' umgeht den internen Scheduler für eine sofortige Ausführung.