రెండూ ప్రతిક్రియాశీల మార్పులకు ప్రతిస్పందనగా సైడ్ ఎఫెక్టులను అమలు చేస్తాయి, కానీ డిపెండెన్సీలు ఎలా నిర్దేశించబడతాయి మరియు అవి మీకు ఏ సమాచారం ఇస్తాయి అనే విషయంలో అవి విభిన్నంగా ఉంటాయి. సైడ్ ఎఫెక్టుల కోసం వాటిని ఉపయోగించండి (API కాల్లు, లాగింగ్, మానవ DOM పని) — విలువలను ఉత్పన్నం చేయడానికి కాదు (అది computed).
watch — స్పష్టమైన మూలం, పాత + నిర్దిష్ట విలువలను ఇస్తుంది
vue
<script setup>
import { ref, watch } from "vue";
const searchQuery = ref("");
watch(searchQuery, (newVal, oldVal) => {
// runs ONLY when searchQuery changes; you get both values
console.log(`changed from ${oldVal} to ${newVal}`);
fetchResults(newVal);
});
</script>