दोनों प्रतिक्रियाशील परिवर्तनों के प्रतिक्रिया में साइड इफेक्ट्स चलाते हैं, लेकिन वे इस बात में भिन्न होते हैं कि निर्भरताएँ कैसे निर्दिष्ट की जाती हैं और वे आपको क्या जानकारी देते हैं। उन्हें साइड इफेक्ट्स के लिए उपयोग करें (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>