$attrs مجموعة الخصائص غير المصرّح بها
آخر تحديث: 2026-10-22
$attrs مجموعة الخصائص غير المصرّح بها
يجمع $attrs الخصائص التي مرّرها الأب ولم تصرّح بها props، مع inheritAttrs: false لتوزيعها بدقة.
| المجموعة | الخيارات: التركيب ومتنوع |
|---|---|
| النوع | خيار |
| النطاق | داخل المكوّن |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
export default {
inheritAttrs: false,
template: "<input v-bind=\"$attrs\">"
}⚙️ الوسائط
| value | بلا وسائط: قراءة مجموعة الخصائص (بما فيها class/style ومستمعو الأحداث) |
|---|
القيمة المُرجعة：كائن للقراءة فقط
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
The input carries placeholder and type; the label reads 'Email'.💡 نقاط مهمة
⚠️ تحذير $attrs للقراءة فقط: تعديله يُصدر تحذيراً ولا يؤثر في المكوّن الأب.
ℹ️ ملاحظة يتضمن مستمعي الأحداث: v-bind="$attrs" يمرّر أمثالاً @focus أيضاً.
💡 نصيحة تستخدم واجهة التركيب useAttrs() للحصول على المجموعة نفسها.
🏷️ التركيب ومتنوع ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س ما الحد الفاصل مع props؟
ج ما صُرِّح عنه في props يدخل props؛ وكل ما سواها في $attrs.
س هل class/style داخله؟
ج نعم، لكنهما يُدمجان مع ما يملكه المكوّن نفسه لا الكتابة فوقه.
س لماذا لا تسري الخصائص أحياناً؟
ج لأنه مع جذور متعددة وعدم كتابة v-bind="$attrs" لا تجد الخصائص مكان هبوط.
