Oba izvršavaju nuspojave kao odgovor na reaktivne promjene, ali razlikuju se u tome kako se specificirajú ovisnosti i koje informacije vam daju. Koristite ih za nuspojave (API pozivi, logiranje, ručni rad s DOM-om) — ne za izvedbu vrijednosti (to je computed).
watch — eksplicitni izvor, daje stare i nove vrijednosti
<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>
