Και τα δύο εκτελούν side effects ως απόκριση σε αντιδραστικές αλλαγές, αλλά διαφέρουν στον τρόπο που καθορίζονται οι εξαρτήσεις και ποιες πληροφορίες σας δίνουν. Χρησιμοποιήστε τα για side effects (κλήσεις API, logging, χειручική εργασία 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>
