تمرير بيانات إلى مكون بإستخدام Props
ال Props بتوصل البيانات من المكون الأب إلى الابن
المثال داخل مشروع Vue 3 يدعم ملفات SFC
تطبيق الفكرة
بنحدد قيمة افتراضية ونمرر قيمة مختلفة من الأب
ملف App.vue
<script setup>
import Greeting from "./Greeting.vue";
</script>
<template><Greeting name="Osama" /><Greeting /></template>ملف Greeting.vue
<script setup>
defineProps({ name: { type: String, default: "Guest" } });
</script>
<template><p>Hello {{ name }}</p></template>النتيجة
المكون الأول بيعرض Hello Osama والثاني Hello Guest
ملحوظة
ال Props للقراءة داخل الابن ومتعدلهاش مباشرة