slots الوصول التصريحي إلى الـ slots (3.3+)
آخر تحديث: 2026-10-22
slots الوصول التصريحي إلى الـ slots (3.3+)
يصرّح خيار slots بالوصول إلى الـ slots على هيئة دوال، ويولّد $slots في وقت الترجمة: فيصبح «تمرير الـ slot من عدمه» قابلاً لتتبع التبعيات أيضاً.
| المجموعة | الخيارات: العرض ودورة الحياة |
|---|---|
| النوع | خيار |
| النطاق | داخل المكوّن |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
export default {
slots: { default: () => [], header: () => [] }
}⚙️ الوسائط
| value | كائن: المفاتيح أسماء الـ slots، والقيم دوال تُعيد محتوى ذلك الـ slot |
|---|
القيمة المُرجعة：بلا قيمة مُعادة (يولّد $slots/$stable على النسخة)
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
Shows the parent's header content.💡 نقاط مهمة
ℹ️ ملاحظة أُضيف في 3.3+: لحل مشكلة التتبع «عدم تحديث الفحص بعد تغيّر محتوى الـ slot».
💡 نصيحة هذه الصيغة التصريحية أكثر استحساناً في مكتبات المكوّنات عند فحص وجود الـ slots.
⚠️ تحذير بعد التصريح يجب أن تكون القائمة دقيقة: إغفال اسم slot يجعل محتواه المقابل غير قابل للوصول.
🏷️ العرض ودورة الحياة ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س ما الفرق عن $slots؟
ج الوظيفة نفسها، لكن الصيغة التصريحية تبني تتبع التبعيات، فيستطيع تغيّر الـ slots تفعيل التحديث.
س هل يجب سرد جميع الـ slots؟
ج نعم، الـ slots غير المصرّح بها لا تدخل $slots (انتبه في سيناريوهات أسماء الـ slots الديناميكية).
س ما علاقتها بـ useSlots داخل <script setup>؟
ج طرق مختلفة ووجهة واحدة: أسلوب الخيارات يستخدم خيار slots، وواجهة التركيب تستخدم useSlots().
