هل # يعادل v-slot:؟

مكافئ تمامًا؛ وv-slot المجرد يعني الـ slot الافتراضي.

ما هو الـ scoped slot؟

يمرِّر الابن البيانات إلى الخارج عبر slot props (مثل #default="{ item }")، ما يتيح عرضًا مخصصًا للقوائم.

لا — فقط على <template> أو وسم مكوّن، وهو أشهر مصدر للأخطاء.

آخر تحديث: 2026-10-22

يعلن v-slot محتوى الـ slot، وصيغته المختصرة #. ويمرِّر أجزاء القالب إلى slots مُسمّاة أو ذات نطاق في المكوّن الابن.

<template v-slot:header>...</template>
<template #default="{ item }">...</template>
<Child v-slot="{ data }">

expression	اسم الـ slot (يُحذف للـ slot الافتراضي)؛ وتفك الـ slots ذات النطاق بيانات الابن المقدَّمة

القيمة المُرجعة：توجيه، بلا قيمة مُعادة

عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:

المخرجات：

The page shows a bold 'Custom header' — parent content replaced the slot default.

💡 نصيحة ‏# اختصار لـ v-slot: — فـ #header يعادل v-slot:header.

⚠️ تحذير لا يعمل v-slot إلا على