كل ما تحتاجه لبدء استخدام Vue.js

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

نظرة عامة على المواد

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

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

أولاً ، دعنا نتحدث عن بعض ميزات Vue المثيرة للاهتمام.

نقاط القوة

قوة Vue ، في رأيي ، هي مدى ملائمة هذا الإطار للمبتدئين. قام فريق تطوير Vue بعمل رائع ، في محاولة لضمان أن المطورين من مختلف المؤهلات يمكنهم البدء بسرعة في العمل بشكل منتج مع الإطار. إذا كنت تعرف HTML و CSS و JavaScript - فهذا يعني أنك حرفيًا خطوة واحدة من تطوير تطبيقات قوية إلى حد ما على Vue.

أعتقد أيضًا أن Vue ، من بين أدوات التطوير الأمامية الثلاثة (Angular و React و Vue) ، لديها حواجز الدخول الأدنى. هذا صحيح لعدة أسباب ، لكن بالنسبة لي يتعلق الأمر بثلاث ميزات رئيسية لبرنامج Vue:

• وثائق كبيرة.
• مجتمع رائع.
• هذا هو الإطار التدريجي.

. الوثائق

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

• القيادة . هنا يمكنك أن تجد كل ما تحتاجه لبدء استخدام Vue.js. ينقسم هذا القسم إلى أقسام فرعية سهلة الفهم تقدم القارئ للمفاهيم اللازمة لبدء تطوير التطبيقات القائمة على المكونات.
• وAPI . يقدم هذا القسم وصفًا مفصلاً لواجهة برمجة تطبيقات Vue. على سبيل المثال ، إذا واجهت طريقة ما لم تكن متأكدًا منها تمامًا ، فستساعدك زيارة هذا القسم في توضيح الموقف.
• توصيات . هنا يمكنك العثور على توصيات رائعة ، يمكنك بعدها تجنب ظهور الأخطاء. هذه التوصيات يمكن أن يحذر المطور من استخدام الأنماط المضادة. الشيء المهم هو أنه من غير المرجح أن تكون قواعد صارمة ، ولكن مثل الدليل. بعد أن تشعر بالراحة مع Vue ، اكتب بعض التطبيقات ، أوصي بقراءة المواد في هذا القسم. أعتقد أن هذا مصدر مهم جدًا للمعرفة في Vue.
• أمثلة هنا يمكنك العثور على أمثلة للتطبيقات التي طورتها Vue. في مكانك ، لم أكن أنظر هنا حتى اعتدت قليلاً على تطوير المكونات. ولكن بعد ذلك بقليل ، عندما تكون مستعدًا لمعرفة كيفية ترتيب تطبيقات Vue الكاملة ، يجب عليك دراسة هذا القسم.
• كتاب وصفة . يحتوي هذا القسم على إجابات للأسئلة المتداولة حول Vue. على سبيل المثال ، على مثل هذه الأسئلة: "كيفية إجراء التحقق من صحة النموذج؟" ، "كيفية إجراء اختبار وحدة مكون؟". هذا ، مرة أخرى ، هو مورد قيم ، ولكن يجب تأجيل تطوير مواده حتى اللحظة التي تكون لديك فيها أسئلة مشابهة لتلك المذكورة أعلاه.
• الأدوات والمكتبات الأساسية. تتمتع Vue بأدوات ممتازة ومكتبات أساسية. لن ندخل في تفاصيل خاصة حول هذا ، لأننا نحتاج إلى بدء كتابة التعليمات البرمجية في أقرب وقت ممكن. سأقدم هنا بعض الروابط للمواد ، والتي من المفيد معرفتها. لذلك ، من بين أدوات Vue ، أود ملاحظة ما يلي: أدوات المطور ، Vue CLI ، Vue Loader . فيما يلي روابط لمواد في المكتبات الرسمية: Vue Router و Vuex و Vue Server Renderer .

▍ المجتمع

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

• ايفان لك
• كريس فريتز
• سارة دراسنر
• داميان سوليس
• ديفيا ساسيدهاران
• غيوم تشاو
• بن هونج
• سيباستيان شوبان
• ناتاليا تبلوهينا
• إد يربورج

UeVue هو إطار تدريجي

إذا قمت بزيارة الصفحة الرئيسية لـ Vue.js ، يمكنك أن ترى أنه يسمى هناك: "إطار جافا سكريبت التقدمي". للوهلة الأولى ، قد يبدو هذا بمثابة حيلة تسويقية عادية ، ولكن بعد قليل من فهم جوهر Vue ، يمكنك أن تفهم أن هذا ليس كذلك. أولاً ، دعونا نحدد معنى كلمة "تقدمية". إنه شيء يحدث أو يتطور تدريجياً أو على مراحل ؛ إنه شيء يتم تنفيذه خطوة بخطوة.

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

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

كما ذكرنا سابقًا ، تعتبر Vue إطارًا ميسور التكلفة. إذا كنت تعرف بالفعل HTML و CSS و JavaScript ، فهذا يعني أنك مستعد للبدء في Vue. في الواقع ، إذا كنت تريد حقًا بدء كتابة طلبات Vue ، فأنا أقترح القيام بذلك.

الخيار رقم 1: نص البرنامج النصي المتصل بالصفحة

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

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

في المثال التالي ، سنقوم بتطوير تطبيق بدائي للغاية ، وهو أمر جيد لأنه سيكون من المناسب للغاية النظر في بعض مفاهيم Vue عليه.

Hello "مرحبا ، فيو!"

في هذا التطبيق ، سنقوم بعرض النص "Hello ، Vue!" ، وأسفل النص - الوقت والتاريخ الحاليين. ثم سنكتب رمزًا يحافظ على التاريخ والوقت محدثًا. نتيجة لذلك ، سيتمكن مستخدم التطبيق من استخدامه كساعة عادية ، مع ملاحظة مرور الوقت. قم بإنشاء مجلد جديد ، وإنشاء ملف index.html فيه ، وإضافة التعليمة البرمجية التالية إلى هذا الملف:

 <!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta http-equiv="X-UA-Compatible" content="ie=edge">  <title>Hello, Vue.js</title> </head> <body> </body> </html> 

الآن لدينا إطار الصفحة ، أساس التطبيق في المستقبل. لذلك ، ستكون خطوتنا التالية هي توصيل البرنامج النصي Vue.js. إلى هذه الصفحة. أضف إلى رمز الصفحة أعلى علامة الإغلاق </body> ، ما يلي:

 <!--             --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> </script> 

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

الآن ، بعد توصيل البرنامج النصي ، أولاً وقبل كل شيء ، نحتاج إلى إضافة عنصر الجذر إلى الصفحة التي سيتم توصيل مثيل Vue بها:

 <div id="app"> </div> 

بعد ذلك ، قم بإنشاء مثيل Vue جديد واجعله يعرف أي عنصر جذر يحتاج إلى الاتصال به:

 <script>  const app = new Vue({    el: '#app'  }) </script> 

الآن إنشاء اثنين من المتغيرات. سيقومون بتخزين القيم التي نستخدمها لعرض المعلومات على الصفحة. يتم ذلك عن طريق الإعلان عن خصائص كائن data :

 <script>  const app = new Vue({    el: '#app',    data: {      message: 'Hello, Vue!',      now: new Date()     }) </script> 

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

 <div id="app">  <h1>{{ message }}</h1>  <p>{{ now }}</p> </div> 

يمكنك الآن تهنئة نفسك على إنشاء تطبيق Vue.js الأول فقط. إذا قمت بفتح index.html في مستعرض ، فيجب عليه عرض صفحة مكتوب عليها "مرحبًا ، Vue!" بأحرف كبيرة. أسفل هذا النقش يجب أن يكون خطًا يعرض التاريخ والوقت الحاليين. أثناء تطوير بحث الإصدار الخاص بي والبحث فيه ، استخدمت Visual Studio Code و Live Server extension.

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


بحث التطبيق

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

بفضل الكود التالي ، سيتم تحديث قيمة المتغير now كل ثانية. عند تركيب Vue ، نستخدم setInterval لإعداد استدعاء دالة كل ثانية لتحديث التاريخ والوقت. يمكنك إنشاء معالجات أحداث دورة الحياة عن طريق إضافة الطرق المناسبة إلى كائن methods . هذا مشابه جدًا لكيفية عملنا مع كائن data . هنا هو الكود:

 <script>  const app = new Vue({    el: '#app',    data: {      message: 'Hello Vue!',      now: new Date()    },    methods: {      updateDate() {        this.now = new Date();      }    },    mounted() {      setInterval(() => {        this.updateDate();      }, 1000);    }  }) </script> 

إذا قمت بفتح هذه الصفحة في مستعرض ، فلن يتغير مظهرها ، ولكن سيتم تحديث الوقت المعروض عليها كل ثانية. في هذه الحالة ، لا نحتاج إلى تحديث DOM يدويًا. vue البيانات المرتبطة DOM. عندما تتغير البيانات ، يتغير ما يظهر على الصفحة أيضًا.

الخيار رقم 2: Vue CLI

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

إذا كنت أحد أولئك الذين لا يحبون العمل في سطر الأوامر ، فيمكنك استخدام أداة ذات ميزات مشابهة لها واجهة رسومية (Vue UI).

V تثبيت Vue CLI

أولاً نحتاج إلى تثبيت Vue CLI. قبل القيام بذلك ، تحتاج إلى الحصول على Node.js و npm. إذا لم تكن قد عملت مع Node.js و npm من قبل ، فخذ بعض الوقت للتعرف عليهم وفهمهم قليلاً. هنا هو الأمر الذي لتثبيت Vue CLI:

 npm install -g @vue/cli 

لإنشاء تطبيق جديد ، يمكنك استخدام الأمر vue create . يمكنك معرفة قائمة الأوامر التي تدعمها vue باستخدام الأمر vue -h .


قائمة الأوامر التي تدعمها vue

يقبل الأمر create اسم التطبيق. قم بإنشاء تطبيق Vue جديد عن طريق تشغيل الأمر التالي:

 vue create hello-vue 

أثناء هذا الأمر ، سيتم إنشاء مجلد hello-vue جديد في الدليل الحالي. وصف تفصيلي لعملية إنشاء تطبيق باستخدام vue create يستحق مقالة منفصلة.

في الوقت الحالي ، يكفي أن نتفق مع الإعدادات الافتراضية. سيؤدي هذا إلى إنشاء تطبيق جديد.


إنشاء تطبيق جديد باستخدام Vue CLI

انتقل الآن إلى مجلد hello-vue ، وافتح الملف الموجود في src/components/HelloWorld.vue ، واستبدل جميع محتوياته بالكود التالي:

 <template>  <div class="hello">    <h1>{{ msg }}</h1>    <p>{{ now }}</p>  </div> </template> <script> export default {  name: "HelloWorld",  props: {    msg: String  },  data() {    return {      now: new Date()    };  },  methods: {    updateDate() {      this.now = new Date();     },  mounted() {    setInterval(() => {      this.updateDate();    }, 1000); }; </script> 

يرجى ملاحظة أنه يتم تعيين قيمة النص الذي يظهر في msg في src/App.vue .

الآن ، في سطر الأوامر أو في المحطة المدمجة في المحرر الخاص بك ، قم بتشغيل الأمر التالي:

 npm run serve 

سيبدأ الخادم ، وبعد ذلك سوف يقدم معلومات حول كيفية فتح صفحة بدء التطبيق. وهي هذه هي http: // localhost: 8080 / .


تطبيق فيو في المتصفح

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

الخيار رقم 3: Vue UI

جنبا إلى جنب مع Vue CLI ، مع أداة سطر الأوامر ، يتم تثبيت أداة Vue UI أيضا. لبدء تشغيله ، استخدم الأمر التالي:

 vue ui 

أثناء تنفيذه ، سيتم فتح صفحة التطبيق الجديد ، وتقع على http: // localhost: 8000 / dashboard .


فيو واجهة المستخدم الصفحة

باستخدام Vue UI ، يمكنك إنشاء مشروع جديد سيكون له نفس إمكانيات المشروع الذي تم إنشاؤه باستخدام أدوات سطر الأوامر.


إنشاء مشروع جديد في Vue UI

بعد اكتمال إعداد المشروع ، يمكنك تشغيله مباشرةً من Vue UI بالانتقال إلى قسم Project tasks والنقر على الزر المقابل.


تشغيل تطبيق في Vue UI

الخيار رقم 4: CodeSandbox

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

قبل إنشاء مشاريع على CodeSandbox ، ستحتاج إلى التسجيل على الموقع أو تسجيل الدخول باستخدام حساب GitHub. بعد ذلك ، تحتاج إلى إنشاء "رمل جديد" (في إطار المشروع يطلق عليه "رمل") والعثور على Vue بين القوالب المتاحة (في علامة التبويب Client templates Popular templates أو علامة تبويب Client templates ).


إنشاء مشروع جديد يستند إلى Vue في CodeSandbox

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


العمل على التطبيق في CodeSandbox

افتح الملف src/components/HelloWorld.vue في المحرر واستبدل محتوياته بالكود التالي:

 <template>  <div class="hello">    <h1>{{ msg }}</h1>    <p>{{ now }}</p>  </div> </template> <script> export default {  name: "HelloWorld",  props: {    msg: String  },  data() {    return {      now: new Date()    };  },  methods: {    updateDate() {      this.now = new Date();     },  mounted() {    setInterval(() => {      this.updateDate();    }, 1000); }; </script> 

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


العمل على التطبيق في CodeSandbox

موارد مفيدة

فيما يلي روابط لبعض موارد Vue المفضلة. سوف يساعدونك على المضي قدمًا في تطوير هذا الإطار. على سبيل المثال ، فيما يلي صفحة Awesome Vue ، من خلال زيارة يمكنك الحصول على فكرة عن نطاق نظام Vue البيئي. ابحث عن مستودعات Vue هنا. هنا هو بلوق المشروع الرسمي. هنا هو موقع مجتمع Vue Developer. هناك تذهب - المدونة الصوتية. فيما يلي صفحات لعدة مشاريع قائمة على Vue: VuePress ، Nuxt ، Gridsome .

ما التالي؟

بغض النظر عن الإطار الذي تستخدمه لتطوير الواجهة الأمامية ، تحتاج إلى الحفاظ على معرفة JavaScript في حالة جيدة. كلما زاد الوقت الذي يمكنك تخصيصه لتحسين معرفة JS ، كان ذلك أفضل. إذا كنت تعرف JavaScript جيدًا ، فهذا يعني أنه يمكنك التعامل مع أي إطار أو أي مكتبة قد تحتاج إلى العمل معها.

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

عند العمل مع الوثائق ، يجب إيلاء اهتمام خاص لمفاهيم Vue الأساسية التالية:

• المكونات.
• ربط البيانات.
• التعامل مع الحدث.
• التوجيه.
• الأساليب.
• الخصائص المحسوبة.
• دورة حياة المكون.
• خصائص مرت على المكونات.

لا تكافح لإنشاء تطبيقات كبيرة في الوقت الحالي. ركز على إتقان الأشياء الأساسية ، وسيأتي كل شيء آخر بمرور الوقت.

النتائج

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

أعزائي القراء! إذا كان عليك أن تدرس مؤخرًا إطار عملائك الأول ، فالرجاء إخبارنا كيف كان.