app.mount() تحميل التطبيق
آخر تحديث: 2026-10-22
app.mount() تحميل التطبيق
تُحمّل app.mount() التطبيق على عنصر الحاوية: يُستبدل ما داخل الحاوية بـ DOM الذي يصيّره التطبيق.
| المجموعة | واجهة API العامة |
|---|---|
| النوع | API |
| النطاق | عام |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
app.mount("#app")
// يمكن تمرير عنصر أيضاً
app.mount(document.getElementById("app"))⚙️ الوسائط
| rootContainer | محدد CSS أو عنصر حقيقي |
|---|
القيمة المُرجعة：نسخة المكوّن الجذري (يمكن الإشارة إلى ref الخاص بها بعد التحميل)
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
Shows 'mounted' and logs the root instance.💡 نقاط مهمة
⚠️ تحذير سيُستبدل محتوى الحاوية: لا تكتب القالب داخله متوقعاً تحليله (إلا في حالات قوالب SFC/DOM).
ℹ️ ملاحظة بعد التحميل يمكن الوصول إلى نسخة المكوّن الجذري عبر القيمة المُعادة ($el و $data وغيرها).
💡 نصيحة التحميل المتكرر على نفس الحاوية يُصدر تحذيراً: العنصر الواحد يخص تطبيقاً واحداً فقط.
🏷️ واجهة API العامة ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س هل يمكن التحميل على body؟
ج غير مستحسن: سيستبدل محتوى body ويعترض السكربتات الأخرى؛ الحاوية المخصصة أضمن.
س هل يمكن التنفيذ قبل التحميل؟
ج لا، فـ DOM والنسخة غير جاهزين؛ نفّذ بعد التحميل عبر القيمة المُعادة.
س هل يمكن التحميل على حاويات مختلفة عدة مرات؟
ج نفس app يُحمَّل مرة واحدة فقط؛ لعدة حاويات أنشئ عدة تطبيقات.
