Werte beobachten und auf Änderungen reagieren
Templates reagieren automatisch auf State-Änderungen – aber was ist mit Seiteneffekten außerhalb des DOM? Wenn eine URL-Parameter aktualisiert, eine API aufgerufen oder ein localStorage-Wert synchronisiert werden soll, braucht Alpine.js einen expliziten Watcher. $watch ist das Werkzeug dafür.
Inhaltsverzeichnis
- 1. $watch: Grundlagen und Syntax
- 2. Seiteneffekte: URL, localStorage, DOM-APIs
- 3. Deep Watch: Objekte und Arrays beobachten
- 4. Debounce und Throttle mit $watch
- 5. Store-Watcher: Globale State-Änderungen beobachten
- 6. x-effect vs. $watch: Wann was verwenden?
- 7. Watcher aufräumen und Speicherlecks vermeiden
- 8. Praxispatterns: Suche, Filter, Formularvalidierung
- 9. $watch im Vergleich: Alpine vs. Vue vs. React
- 10. Zusammenfassung
- 11. FAQ