البرنامج التعليمي لأساسيات Vue.js. كيف تبدأ مع هذا الإطار؟
لوكاش أوسارز
Software Engineer كبير Software Engineer
Vue.js هو إطار عمل تقدمي يجعل من السهل إنشاء تطبيقات قائمة على الويب. فهو يتيح لك تكوين واجهات مستخدم معقدة من أجزاء صغيرة ومعزولة من التعليمات البرمجية التي تسمى "مكونات". تجعل طرق العرض التوضيحية شفرتك البرمجية أكثر قابلية للتنبؤ وأسهل في التصحيح.
كيف تبدأ مع Vue.js؟
الطريقة الموصى بها لإنشاء Vue.jsالمشروع هو Vue CLI. To install it just type:
npm install -g @vue/cli
ثم قم بإنشاء مشروع:
vue إنشاء مشروع بسيط
قرص مضغوط ./ مشروع بسيط
وأخيراً، يمكنك تشغيل مشروعك:
npm تشغيل الخدمة
إنشاء مكون بسيط
بفضل webpack والمُلحق vue-loader يمكننا إنشاء مكونات في فيو الملفات. يتضمن كل مكون القالب مع عرض HTML, نص بالمنطق و النمط بتصميم CSS.
لنقم بإنشاء مقالة.vue.vue المكوِّن في Simple-project/src/components/VA-prorticle.vue الملف، والمحتوى التالي:
في هذا البرنامج التعليمي، حاولت في هذا البرنامج التعليمي أن أوضح لك كيفية بدء مغامرتك مع إطار عمل Vue. إذا كنت مهتمًا بمعرفة كيفية إنشاء مكونات أكثر تقدمًا، ستجدها بالتأكيد في فويلندار المشروع.