دونوں Composition API میں reactive state بناتے ہیں، لیکن وہ مختلف طریقے سے کام کرتے ہیں۔ ref کسی بھی قدر (primitives سمیت) کو ایک reactive container میں لپیٹتا ہے؛ reactive ایک object کو براہ راست گہری طور پر reactive بناتا ہے۔
ref — کسی بھی قدر کے لیے، .value کے ذریعے رسائی
vue
<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>