createSSRApp() إنشاء تطبيق SSR
آخر تحديث: 2026-10-22
createSSRApp() إنشاء تطبيق SSR
تشبه createSSRApp() برنامج createApp، لكنها تتولى HTML المُصيَّر على الخادم بطريقة الترطيب (hydration).
| المجموعة | واجهة API العامة |
|---|---|
| النوع | API |
| النطاق | عام |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
const app = createSSRApp(App)
app.mount("#app") // ترطيب (hydration) بدل إعادة البناء⚙️ الوسائط
| rootComponent, rootProps? | مثل createApp تماماً (المكوّن الجذري + props اختيارية) |
|---|
القيمة المُرجعة：نسخة تطبيق
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات：
The console logs the call; in real SSR the server HTML is taken over.💡 نقاط مهمة
ℹ️ ملاحظة يشترط الترطيب تطابق نتيجة التصيير بين الخادم والعميل، وإلا ظهرت تحذيرات عدم التطابق.
⚠️ تحذير البيانات غير المتسقة كالقيم العشوائية أو الوقت الحالي تُفسد الترطيب، فاحرص على مصدر واحد للبيانات في الخادم والعميل.
💡 نصيحة التطبيقات العادية (SPA) تستخدم createApp؛ هذه الدالة لمشاريع SSR/SSG فقط.
🏷️ واجهة API العامة ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س ما الفرق عن createApp؟
ج استراتيجية التصيير مختلفة: createApp يمسح ويعيد البناء، بينما createSSRApp يعيد استخدام DOM الخادم.
س ماذا لو استُخدمت الدالة الخطأ؟
ج استخدام createApp على صفحات SSR يسبب وميضاً ويتجاهل HTML الخادم (إحساس شاشة بيضاء في العرض الأول).
س هل تحتاجه تطبيقات SPA؟
ج لا حاجة إليه.
