defineComponent() تعريف المكوّن (استدلال الأنواع)

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

defineComponent() تعريف المكوّن (استدلال الأنواع)

defineComponent() دالة مساعدة لاستدلال الأنواع: توفّر أنواعاً دقيقة لخيارات المكوّن في مشاريع TypeScript، وسلوكها في التشغيل ككتابة الكائن مباشرة.

المجموعةواجهة API العامة
النوعAPI
النطاقعام
إصدار Vue3.0+
دعم SSRمدعوم

📝 الصيغة

import { defineComponent } from "vue"
export default defineComponent({
  props: { msg: String },
  setup(props) { return { upper: props.msg.toUpperCase() } }
})

⚙️ الوسائط

optionsكائن خيارات المكوّن

القيمة المُرجعة:تُعيد الكائن كما هو (معالجة على مستوى الأنواع فقط)

▶ مثال

عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:

المخرجات:

Shows uppercase VUE.

💡 نقاط مهمة

ℹ️ ملاحظة يمكن الاستغناء عنها في مشاريع JS؛ و SFC مع

🙏 帮我们做得更好

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

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