VUE — Props

مقدمة

تعلّم Props في VUE مع شرح واضح ومثال عملي.

ماذا ستتعلم؟

• ما هو Props
• متى نستخدمه
• كيف يعمل عملياً
• مثال جاهز للنسخ

الصياغة

<template>...</template>

مثال

<template>
  <button @click="n++">Count: {{ n }}</button>
</template>

<script setup>
import { ref } from "vue";
const n = ref(0);
</script>

ملاحظات

• جرّب المثال في Playground.
• ابدأ بسيطاً ثم طوّر.

أخطاء شائعة

• نسيان الصياغة الصحيحة.
• عدم اختبار النتيجة.