Molemmat suorittavat side effecteja reaktiivisen muutoksen seurauksena, mutta ne eroavat siinä, miten riippuvuudet määritellään ja mitä tietoja ne sinulle antavat. Käytä niitä side effecteille (API-kutsut, logging, manuaalinen DOM-työ) — eivät arvojen johtamiseen (se on computed).
watch — eksplisiittinen lähde, antaa vanhat + uudet arvot
<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>
