mounted اكتمال التحميل (بأسلوب الخيارات)
آخر تحديث: 2026-10-22
mounted اكتمال التحميل (بأسلوب الخيارات)
يُستدعى mounted بعد تصيير المكوّن وإدراجه في DOM: الموقع القياسي للتعامل مع مراجع القوالب وتهيئة مكتبات الطرف الثالث وقياس الأبعاد.
| المجموعة | الخيارات: العرض ودورة الحياة |
|---|---|
| النوع | خيار |
| النطاق | داخل المكوّن |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
export default {
mounted() {
this.$refs.el.focus() // الـ DOM جاهز
}
}⚙️ الوسائط
| value | بلا وسائط |
|---|
القيمة المُرجعة：بلا قيمة مُعادة
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
Shows the paragraph's real width.💡 نقاط مهمة
💡 نصيحة تهيئة مكتبات الطرف الثالث (مخططات/محررات) والتركيز التلقائي وطلبات البيانات، كلها يمكن وضعها هنا.
ℹ️ ملاحظة يُنفَّذ mounted للمكوّن الابن قبل الأب (من الأسفل إلى الأعلى).
⚠️ تحذير لا يُنفَّذ تحت SSR؛ فالمنطق المعتمد على DOM وضعه هنا يتجنب أخطاء الخادم طبيعياً.
🏷️ العرض ودورة الحياة ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س ما توزيع العمل النموذجي مع created؟
ج created يجلب البيانات/يجهّز؛ و mounted يتعامل مع DOM ومكتبات الطرف الثالث.
س هل يُنفَّذ أكثر من مرة؟
ج لا، يُنفَّذ مرة واحدة فقط بعد التحميل الأول.
س لماذا يجب انتظاره عند المرور على مراجع المكوّنات الأبناء؟
ج لأن المكوّنات الأبناء اكتمل تحميلها عندئذ، فيستطيع $refs الحصول على نُسخها.
