A computed property એક reactive value છે જે અન્ય reactive state થી પ્રાપ્ત થાય છે. તે તેના dependencies બદલાતા સમય આપોઆપ recalculate થાય છે, અને — અત્યંત મહત્વપૂર્ણ — તેનું result cache કરે છે જેથી તે માત્ર જ્યારે તેના પર આધારિત કોઈ વસ્તુ ખરેખર બદલાય ત્યારે જ ફરીથી ચાલે છે.
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>