Vue · Junior · Frage 15 von 75
Warum bricht das Destrukturieren eines reactive-Objekts die Reaktivität?
const state = reactive({ count: 0 });
let { count } = state;
count++; // the UI doesn't update- 1Es bricht nichts: die UI aktualisiert sich im nächsten Tick
- 2Destrukturierung ist in
<script setup>-Dateien verboten - 3Es kopiert den primitiven Wert aus dem Proxy heraus
Antwort zeigen
Richtige Antwort: Es kopiert den primitiven Wert aus dem Proxy heraus
Erklärung
Reaktivität funktioniert über Property-Zugriffe auf den Proxy. Nutze toRefs(state), um in verbunden bleibende Refs zu destrukturieren, oder von Anfang an ref.