متابعة تغير قيمة بإستخدام watch
ال watch بتنفذ دالة لما المصدر المحدد يتغير
المثال داخل مشروع Vue 3 يدعم ملفات SFC
تطبيق الفكرة
بنقرأ القيمة القديمة والجديدة علشان نوضح الفرق
ملف App.vue
<script setup>
import { ref, watch } from "vue";
const count = ref(0);
const message = ref("No Change");
watch(count, (value, previous) => { message.value = `${previous} -> ${value}`; });
</script>
<template>
<button @click="count++">Increase</button>
<p>{{ message }}</p>
</template>النتيجة
بعد أول ضغطة الرسالة بتوضح التغيير من صفر إلى واحد
ملحوظة
إستخدم computed للقيم المشتقة البسيطة و watch للخطوات اللي تحصل بسبب التغيير