template قالب المكوّن

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

template قالب المكوّن

يحدد خيار template سلسلة قالب HTML للمكوّن: تُترجم إلى دالة تصيير في وقت التشغيل (تدعمه النسخة الكاملة من Vue، ونسخ البناء تكتبه عادة في ملفات SFC).

المجموعةالخيارات: العرض ودورة الحياة
النوعخيار
النطاقداخل المكوّن
إصدار Vue3.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 أو دوال تصيير.
💡 نصيحة للقوالب الطويلة استخدم سلاسل متعددة الأسطر بعلامات الاقتباس المائلة، أو

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏