Les deux exécutent des effets de bord en réponse aux changements réactifs, mais ils diffèrent dans la façon dont les dépendances sont spécifiées et les informations qu'elles vous donnent. Utilisez-les pour les effets de bord (appels API, logging, travaux DOM manuels) — pas pour dériver des valeurs (c'est computed).
watch — source explicite, donne les anciennes et nouvelles valeurs
<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>
