Keduanya menjalankan efek samping sebagai respons terhadap perubahan reaktif, tetapi mereka berbeda dalam cara ketergantungan ditentukan dan informasi apa yang diberikan kepada Anda. Gunakan untuk efek samping (panggilan API, logging, pekerjaan DOM manual) — bukan untuk menurunkan nilai (itu adalah computed).
watch — sumber eksplisit, memberikan nilai lama dan baru
<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>
