Ambele execută efecte secundare în răspuns la modificări reactive, dar diferă în modul în care sunt specificate dependențele și ce informații îți furnizează. Folosește-le pentru efecte secundare (apeluri API, logging, lucru manual cu DOM) — nu pentru derivarea valorilor (asta e treaba lui computed).
watch — sursă explicită, oferă valorile vechi + noi
<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>
