app.config كائن إعدادات التطبيق

آخر تحديث: 2026-10-22

app.config كائن إعدادات التطبيق

يوفر app.config إعدادات على مستوى التطبيق: errorHandler و warnHandler و globalProperties و performance وغيرها.

المجموعةواجهة API العامة
النوعAPI
النطاقعام
إصدار Vue3.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 لا يُفعَّل في بيئة الإنتاج (تطوير فقط).
المزيد من الحالات قريباً.

📚 دروس ذات صلة

❓ الأسئلة الشائعة

س ما الأخطاء التي يلتقطها errorHandler؟
ج الأخطاء التي تُلقيها تصيير المكوّنات ودورة الحياة والمستمعين (ما لم يقتطعها errorCaptured في مكوّن أبعد).
س هل يوفر globalProperties تلميحات أنواع؟
ج يحتاج TypeScript إلى إعلان توسيع ComponentCustomProperties، وإلا لن توجد أنواع.
س هل يمكن تغيير خيارات المترجم؟
ج نعم (compilerOptions)، مثل الفواصل المخصصة؛ وذلك في النسخة الكاملة فقط.
Web-Tutorial.com

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

100%