الآن يجب أن تكون قادرًا على رؤية مكون HelloWorld معروضًا في مكون App.vue.

","image":"http://www.luping.net/uploads/20240928/172748376866f74f78598f3.jpg","datePublished":"2024-09-28T08:36:08+08:00","dateModified":"2024-09-28T08:36:08+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > VueJs للمبتدئين جزء VueJs إنشاء المكونات واستيرادها واستخدامها

VueJs للمبتدئين جزء VueJs إنشاء المكونات واستيرادها واستخدامها

تم النشر بتاريخ 2024-09-28
تصفح:775

VueJs for Beginner VueJs Part  Create, Import, and Use Component

إنشاء المكون الأول الخاص بك


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

إنشاء مكون أساسي

  • قم بإنشاء ملف مكون جديد يسمى HelloWorld.vue (يمكنك تغيير اسم الملف إذا أردت) في مجلد المكونات (قم بإنشاء مجلد مكونات جديد إذا لم يكن موجودًا بالفعل).

  • مكون HelloWorld:

  • استيراد واستخدام مكون HelloWord في App.vue

الآن يجب أن تكون قادرًا على رؤية مكون HelloWorld معروضًا في مكون App.vue.

بيان الافراج تم إعادة إنتاج هذه المقالة على: https://dev.to/kyydev/vuejs-for-beginner-2024-vuejs-3-part-2-create-import-and-use-component-4a8e?1 إذا كان هناك أي انتهاك يرجى الاتصال بـ Study_golang @163.comdelete
أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3