شرح صفوف ومحتوى الفقرة
لتمرير البيانات إلى المكون، نكتب سمات نصية عادية للقيم الثابتة أو نضع نقطتين رأسيتين قبل اسم السمة لتمرير متغير أو تعبير PHP ديناميكي. وداخل المكون المجهول، نعلن عن الخصائص المستقبلة وقيمها الافتراضية في أعلى الملف عبر توجيه @props.
- القيم النصية والديناميكية (Bound :prop): تُمرر النصوص مباشرة بينما تُسبق المتغيرات والتعبيرات البرمجية بنقطتين رأسيتين.
- تعريف الخصائص الافتراضية (@props Directive): يحدد أسماء المتغيرات المتوقعة وقيمها الافتراضية في مطلع القالب.
- فصل البيانات عن السمات (Prop Extraction): يستخرج المحرك خصائص @props كمتغيرات مستقلة ويفصلها عن سمات HTML العامة.
PHP
{{-- resources/views/components/badge.blade.php --}}
@props(['color' => 'purple', 'label'])
<span class="badge badge-{{ $color }}">
{{ $label }}
</span>