గణించిన ఆస్తి అనేది ఇతర ప్రతిచర్య స్థితి నుండి ఉత్పన్నమైన ప్రతిచర్య విలువ. దాని డిపెండెన్సీలు మారినప్పుడు ఇది స్వయంచాలకంగా పునర్లెక్కించబడుతుంది, మరియు — కీలకంగా — దాని ఫలితాన్ని క్యాష్ చేస్తుంది కాబట్టి ఇది వాస్తవానికి మారినప్పుడు మాత్రమే పున: నడుస్తుంది.
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>