Entrambi eseguono side effect in risposta a cambiamenti reattivi, ma differiscono nel modo in cui vengono specificate le dipendenze e quali informazioni forniscono. Usali per side effect (chiamate API, logging, manipolazione manuale del DOM) — non per derivare valori (quello è computed).
watch — sorgente esplicita, fornisce valori vecchi + nuovi
<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>
