<v/>
{ }
Vue 3 · Reaktivität · ref · reactive · computed · watch
Vue 3 Reaktivität wirklich verstehen
ref, reactive, computed und watch von innen
ref, reactive, computed und watch von innen
Vue 3 Reaktivität ist keine Magie — sie ist ein präzises System aus JavaScript Proxy, Dependency-Tracking und Scheduling. Wer versteht, wie ref(), reactive(), computed() und watch() intern arbeiten, macht keine Reaktivitätsfehler mehr, wählt das richtige Tool für jeden Anwendungsfall und weiß sofort, warum eine Komponente sich nicht neu rendert. Dieser Artikel erklärt das Reaktivitätssystem vollständig und praxisnah.
20 Min. Lesezeit
ref · reactive · computed · watch · watchEffect · Proxy
Vue 3.4+ · Composition API · JavaScript
Inhaltsverzeichnis
- 1. JavaScript Proxy: die technische Grundlage von Vue Reaktivität
- 2. Track und Trigger: wie Dependency-Tracking funktioniert
- 3. ref(): Primitives reaktiv machen
- 4. reactive(): Objekte reaktiv machen
- 5. ref vs. reactive: wann welches einsetzen
- 6. computed(): reaktive Berechnungen mit Caching
- 7. watch()