app.config كائن إعدادات التطبيق
آخر تحديث: 2026-10-22
app.config كائن إعدادات التطبيق
يوفر app.config إعدادات على مستوى التطبيق: errorHandler و warnHandler و globalProperties و performance وغيرها.
| المجموعة | واجهة API العامة |
|---|---|
| النوع | API |
| النطاق | عام |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
app.config.errorHandler = (err, vm, info) => { /* الإبلاغ */ }
app.config.globalProperties.$http = http
القيمة المُرجعة:كائن الإعدادات نفسه
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات:
Clicking logs the caught error without breaking the page.
💡 نقاط مهمة
💡 نصيحة errorHandler هو المدخل القياسي للربط بمنصات المراقبة (مثل Sentry).
ℹ️ ملاحظة الأعضاء المعلّقة عبر globalProperties تُصل في جميع المكوّنات عبر this (بديلاً عن Vue.prototype في Vue 2).
⚠️ تحذير اضبط الإعدادات قبل mount؛ و warnHandler لا يُفعَّل في بيئة الإنتاج (تطوير فقط).
🏷️ واجهة API العامة ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قريباً.
📚 دروس ذات صلة
❓ الأسئلة الشائعة
س ما الأخطاء التي يلتقطها errorHandler؟
ج الأخطاء التي تُلقيها تصيير المكوّنات ودورة الحياة والمستمعين (ما لم يقتطعها errorCaptured في مكوّن أبعد).
س هل يوفر globalProperties تلميحات أنواع؟
ج يحتاج TypeScript إلى إعلان توسيع ComponentCustomProperties، وإلا لن توجد أنواع.
س هل يمكن تغيير خيارات المترجم؟
ج نعم (compilerOptions)، مثل الفواصل المخصصة؛ وذلك في النسخة الكاملة فقط.