Kemm-il wieħed jinħoloq stat reaktiv fl-Composition API, iżda jaħdmu b'mod differenti. ref iwija kwalunkwe valur (inkluż primitivi) f'kontenitur reaktiv; reactive jagħmel oġġett deeply reactive direttament.
Kemm-il wieħed jinħoloq stat reaktiv fl-Composition API, iżda jaħdmu b'mod differenti. ref iwija kwalunkwe valur (inkluż primitivi) f'kontenitur reaktiv; reactive jagħmel oġġett deeply reactive direttament.
<script setup>
import { ref } from "vue";
const count = ref(0); // wraps a primitive
const user = ref({ name: "Ann" });
function inc() {
count.value++; // ⚠️ in SCRIPT you must use .value
user.value.name = "Bob";
}
</script>
<template>
<p>{{ count }}</p> <!-- ✅ in TEMPLATE, .value is auto-unwrapped -->
</template>
Il-karatteristika strana: f'JavaScript int taċċess ref permezz ta' .value; it-template Vue jerġa' unwraps awtomatikament. Li tinsew .value fl-iskritt huwa l-aktar bug komuni tal-bidija.
<script setup>
import { reactive } from "vue";
const state = reactive({ count: 0, user: { name: "Ann" } });
state.count++; // ✅ access directly, no .value
state.user.name = "Bob"; // deeply reactive
</script>
reactive taħdem biss fuq oġġetti/arrays (mhux primitivi) u inti tuża l-proprjetajiet direttament.
let state = reactive({ count: 0 });
state = { count: 5 }; // ❌ breaks reactivity (lost the reactive proxy)
const { count } = state; // ❌ destructuring loses reactivity
L-assenja mill-ġdid ta' oġġett reactive jew in-naqas tal-proprjetajiet tiegħu qat minnhom mir-reaktività — gotcha frekwenti. ref m'għandha din il-problema (int tassenja mill-ġdid .value).
ref → primitives, and the recommended default (works for everything, easy to reassign)
reactive→ when you want a grouped object of state without .value (but mind destructuring)
Bħala sħiħa ta' tim jistandardizzaw fuq ref kullimkien għal konsistenza.
ref u reactive huma l-fondazzjoni tal-istat tal-Composition API ta' Vue 3.
L-għarfien li ref għandha bżonn .value fl-iskritt (auto-unwrapped it-templates) u li reactive titlef ir-reaktività fuq reassignment/destructuring jipprevjeni ż-żewġ bugs tar-reaktività l-aktar komuni f'Vue.