جدول المحتويات:

ما هو مكون Vue؟
ما هو مكون Vue؟

فيديو: ما هو مكون Vue؟

فيديو: ما هو مكون Vue؟
فيديو: المقارنة الشاملة بين Angular و React.js و Vue.js 2024, شهر نوفمبر
Anonim

عناصر قابلة لإعادة الاستخدام Vue حالات بالاسم: في هذه الحالة ،. يمكننا استخدام هذا مكون كعنصر مخصص داخل جذر Vue مثيل تم إنشاؤه باستخدام Vue :

الجديد Vue ({el: '# عناصر -demo '}) لقد نقرت فوقي 0 مرة.

وفقًا لذلك ، كيف يمكنني استخدام مكون Vue الخاص بي في مكون آخر؟

إذا لعبت باستخدام Vue Single File Components قليلاً ، فمن المحتمل أنك تعرف كيفية "استدعاء" مكون من مكون آخر:

  1. استيراد المكون الفرعي.
  2. قم بتسجيله في كائن مكونات المكون الرئيسي.
  3. أضف المكون إلى وظيفة النموذج / التقديم.

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

علاوة على ذلك ، كيف يمكنني تسمية مكونات Vue الخاصة بي؟

أسماء مكونات Vue يجب أيضًا أن يكون: متوافقًا مع مواصفات العنصر المخصص: تضمين واصلة ، لا تستخدم محجوز الأسماء.

يجب أن يكون كل اسم مكون:

  1. ذات مغزى: ليس أكثر من محدد ، وليس مفرط في التجريد.
  2. قصير: كلمتان أو ثلاث كلمات.
  3. يمكن نطقها: نريد أن نكون قادرين على التحدث عنها.

ما هو استخدام VUE؟

Vue . تعد المكونات الإضافية js طريقة فعالة ولكنها بسيطة لإضافة ميزات عالمية إلى تطبيقك. لديهم مجموعة متنوعة من الاستخدامات ، من توزيع المكونات على مستوى التطبيق إلى إضافة إمكانات إضافية مثل التوجيه ومخازن البيانات غير القابلة للتغيير إلى تطبيقك.

موصى به: