كيف يُبنى تطبيق Vue؟

لنرَ الآن كيف يتركب تطبيق Vue. لا تقلق، سنبقي الأمر بسيطًا. 🧱

يتكون تطبيق Vue من مكوّنات: أجزاء صغيرة مثل زر أو بطاقة أو شريط تنقل.

تخيّل منزلًا: مطبخًا وغرفة نوم وحمامًا. كل واحد منها مكوّن، ومعًا تكوّن المنزل بأكمله. 🏠

يتكون المكوّن عادةً من ثلاثة أجزاء: المظهر والمنطق والتنسيق. وتعيش هذه الأجزاء معًا بصورة مرتبة.

القالب هو HTML الذي تراه، أي بنية ما يظهر على الشاشة.

البرنامج النصي هو المنطق: البيانات والسلوك اللذان يجعلان المكوّن ينفذ وظائف فعلية. 🧠

يحدد التنسيق الألوان والأحجام والمسافات، أي إنه الزي الذي يرتديه المكوّن، ببساطة. 🎨

تضع المكوّنات الصغيرة داخل مكوّنات أكبر، وتبني صفحتك جزءًا بعد جزء، تمامًا مثل LEGO.

تربط Vue جميع الأجزاء وتعرضها في المتصفح، وتحافظ على تزامن كل شيء مع تغير البيانات.

أصبحت تعرف الآن ما هي Vue، ولماذا يحبها الناس، وكيف يُبنى التطبيق. عمل رائع، فلديك أساس حقيقي الآن! 🎉

السؤال الأخير! ماذا تُسمى اللبنات الصغيرة التي يتكون منها تطبيق Vue؟