બંને પ્રતિક્રિયાશીલ ફેરફારોના જવાબમાં બાજુની અસરો ચલાવે છે, પરંતુ તેઓ નિર્ભરતાઓ કેવી રીતે સ્પષ્ટ કરવામાં આવે છે અને તેઓ તમને શું માહિતી આપે છે તેમાં તફાવત છે. તેમને બાજુની અસરો (API કૉલ્સ, લૉગિંગ, મેનુયુઅલ DOM કાર્ય) માટે વાપરો — કાયમતઃ મૂલ્યો મેળવવા માટે નહીં (તે computed છે).
watch — સ્પષ્ટ સ્રોત, જૂની અને નવી મૂલ્યો આપે છે
<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>
