onBeforeMount() خُطاف ما قبل التحميل
آخر تحديث: 2026-10-22
onBeforeMount() خُطاف ما قبل التحميل
تُستدعى onBeforeMount() قبل عرض المكوّن أول مرة إلى DOM: حينها قُدّم جمع القالب لكن DOM الحقيقي لم يُنشأ بعد.
| المجموعة | خطافات دورة الحياة |
|---|---|
| النوع | API |
| النطاق | داخل المكوّن |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
onBeforeMount(() => {
// لم يوجد DOM بعد، مناسب للاستعداد الصرف بالبيانات
})⚙️ الوسائط
| callback | الدالة التي تُنفَّذ قبل التحميل |
|---|
القيمة المُرجعة：لا شيء
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
Shows 'prepared before mount' — set before the first render.💡 نقاط مهمة
ℹ️ ملاحظة نادرًا ما تُستخدم مباشرة: يمكن كتابة معظم منطق التهيئة في المستوى الأعلى لـ setup، والتوقيت متطابق تقريبًا.
⚠️ تحذير لا يمكن قراءة DOM هنا: لم يُحمَّل ref بعد ومرجع العنصر يساوي null.
🏷️ خطافات دورة الحياة ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س ما الفرق بينها وبين شيفرة المستوى الأعلى في setup؟
ج متكافئتان تقريبًا؛ وجود هذا الخطاف أساسًا ليوافق خطاف Options API، ونادرًا ما يُستخدم منفردًا في سيناريوهات التركيب.
س هل يمكن إرسال الطلبات هنا؟
ج يمكن، لكن وضعها عادةً في setup أو onMounted أوضح؛ وانتبه لتوقيت التنفيذ في بيئة SSR.
س كم مرة تُنفَّذ؟
ج تُنفَّذ مرة واحدة فقط قبل التحميل الأول.
