javascript / intermediate
Snippet
Reaktivität erhalten mit toRefs
Das Destrukturieren des props-Objekts in Vue 3 bricht die Reaktivität auf. toRefs konvertiert jede Eigenschaft eines reaktiven Objekts in eine Ref, die eine Verbindung zur Quelle aufrechterhält und sicherstellt, dass Updates weiterhin verfolgt werden.
snippet.js
1
2
const props = defineProps(['user']);const { user } = toRefs(props);
vue
Erklärung
1
const props = defineProps(['user']);
Definieren Sie Komponenten-Props als reaktives Objekt.
2
const { user } = toRefs(props);
Konvertieren Sie die Eigenschaft in eine eigenständige Ref, damit sie sicher destrukturiert werden kann.