template قالب المكوّن
آخر تحديث: 2026-10-22
template قالب المكوّن
يحدد خيار template سلسلة قالب HTML للمكوّن: تُترجم إلى دالة تصيير في وقت التشغيل (تدعمه النسخة الكاملة من Vue، ونسخ البناء تكتبه عادة في ملفات SFC).
| المجموعة | الخيارات: العرض ودورة الحياة |
|---|---|
| النوع | خيار |
| النطاق | داخل المكوّن |
| إصدار Vue | 3.0+ |
| دعم SSR | مدعوم |
📝 الصيغة
export default {
template: "<p>{{ msg }}</p>",
data() { return { msg: "hi" } }
}
⚙️ الوسائط
| value | سلسلة HTML (أو محدد #id يشير إلى عنصر قالب) |
|---|
القيمة المُرجعة:بلا قيمة مُعادة
▶ مثال
عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:
المخرجات:
Shows a bold 'from the template option: hello'.
💡 نقاط مهمة
ℹ️ ملاحظة لا تتاح إلا عند استخدام النسخة الكاملة من Vue (المتضمنة للمترجم)؛ نسخة التشغيل من بناء npm تتطلب SFC أو دوال تصيير.
💡 نصيحة للقوالب الطويلة استخدم سلاسل متعددة الأسطر بعلامات الاقتباس المائلة، أو