حساب قيمة مشتقة بإستخدام computed
ال computed بتحسب قيمة من حالة تفاعلية وبتعيد الحساب لما البيانات المعتمدة عليها تتغير
المثال داخل مشروع Vue 3 يدعم ملفات SFC
تطبيق الفكرة
الإجمالي مشتق من السعر والكمية بدل تخزينه كحالة منفصلة
ملف App.vue
<script setup>
import { ref, computed } from "vue";
const price = ref(10);
const quantity = ref(2);
const total = computed(() => price.value * quantity.value);
</script>
<template>
<p>{{ total }}</p>
<button @click="quantity++">Add Item</button>
</template>النتيجة
الإجمالي بيبدأ بعشرين وبعد زيادة الكمية بيبقى ثلاثين