ما هي Vuex ؟

Vuex هي مكتبة تمكنك من استخدام نمط State Management داخل مشاريع Vue. أي انها مركز تخزين بيانات يمكن الوصول له من جميع العناصر (Components) في المشروع, يمكن ان تحتوي على متغيرات, مصفوفات, كائنات (Objects), الخ ...

في العادة يتم التواصل ونقل البيانات بين العناصر اما عن طريق Props او عن طريق احداث Event والاستماع اليه من باقي العناصر. وهذه الطرق صعبة وغير عملية في المشاريع الكبيرة, ومن هنا جاءت فكرة Vuex, بحيث ستقوم بتخزين البيانات جميعها في مكان واحد واستدعاؤها من جميع العناصر بغض النظر عن مكانها في المشروع مما يسهل عملية نقل البيانات بين العناصر.

بُنية مشروع الدورة

سيتم شرح Vuex عن طريق مشروع صغير لتوضيح المفاهيم وتبيان كيفية استخدام المكتبة بشكل صحيح. سيكون المشروع عبارة عن قائمتين تعرض درجات الطلبة بتنسيقات مختلفة, في الدرس القادم سنبني هذا المشروع بدون استخدام Vuex وسنقوم بتمرير علامات الطلبة عن طريق Props.

** في نهاية كل درس سأضع رابط المشروع على Github.