إنشاء عداد تفاعلي بإستخدام ref
ال ref بتخزن قيمة وتخلي Vue تحدث العرض لما القيمة تتغير
المثال داخل مشروع Vue 3 يدعم ملفات SFC
تطبيق الفكرة
داخل JavaScript بنقرأ ونعدل value وفي القالب بنستخدم الإسم مباشرة
ملف App.vue
<script setup>
import { ref } from "vue";
const count = ref(0);
function increment() { count.value++; }
</script>
<template>
<button @click="increment">{{ count }}</button>
</template>النتيجة
الزر بيبدأ بصفر وكل ضغطة بتزود العدد واحد