Mindkettő mellékhatásokat futtat válaszul a reaktív változásokra, de abban különböznek, hogy az függőségek hogyan vannak megadva és milyen információkat adnak. Használja őket mellékhatásokhoz (API-hívások, naplózás, kézi DOM-munka) — nem értékek levezetésére (az a computed).
watch — explicit forrás, régi és új értékeket ad
<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>
