Reactivity Loss On Destructuring (ARCH3321)

Anahtar typescript.vue.reactivity-loss · Önem error · Kategori quality

Vue: props / reactive() / store destructuring’ini işaretler; değerler reaktif nesneden kopyalanır ve bir daha güncellenmez. toRefs / storeToRefs bağı korur.

Yanlış

<script setup lang="ts">
const props = defineProps<{ user: User }>();
const { user } = props;
</script>

Doğru

<script setup lang="ts">
const props = defineProps<{ user: User }>();
const { user } = toRefs(props);
</script>