ایک کمپیوٹڈ پراپرٹی ایک reactive value ہے جو دوسری reactive state سے اخذ کی جاتی ہے۔ یہ خودکار طور پر دوبارہ شمار کرتی ہے جب اس کے dependencies بدلتے ہیں، اور — انتہائی اہم بات — اپنے نتیجے کو محفوظ رکھتی ہے تاکہ یہ صرف اس وقت دوبارہ چلے جب کوئی چیز جس پر یہ منحصر ہے واقعی بدل جائے۔
vue
<script setup>
import { ref, computed } from "vue";
const firstName = ref("Ann");
const lastName = ref("Lee");
const fullName = computed(() => `${firstName.value} ${lastName.value}`);
// fullName updates automatically whenever firstName OR lastName changes
</script>
<template>
<p>{{ fullName }}</p> <!-- auto-unwrapped, like a ref -->
</template>