Arabic Subtitles for Vue.js 2 Quickstart Tutorial 2017



Subtitles / Closed Captions - Arabic

مرحبا اسمي <font color="#E5E5E5">داستن من ترميز </font>

طريقة ذكية وهادئة اليوم في هذا <font color="#CCCCCC">الفيديو </font> أود أن <font color="#E5E5E5">أقدم </font><font color="#CCCCCC">لكم باختصار </font> مقدمة في عرض js2 <font color="#E5E5E5">الأمامية </font> الإطار وعرض هو جديد جدا الإطار الذي يكسب الكثير من الجر في الوقت الحالي وفي هذه المقدمة

سوف توجه لكم من خلال الخطوات الأولى تحتاج <font color="#CCCCCC">إلى معرفته لتبدأ مع </font> الإطار وبدء مشروع فيروس حتى لا تنزعج <font color="#CCCCCC">حسنا أولا وانها دائما </font> فكرة جيدة <font color="#E5E5E5">لنلقي نظرة على المشروع </font> الموقع وعرض <font color="#CCCCCC">JAS الموقع يمكن أن يكون </font>

وجدت في UJS الظلام <font color="#CCCCCC">ويمكنك أن ترى ذلك </font> هنا فما هو بالضبط رأي الذراع VU باعتباره تقدمية لديك إطار نصي التي تركز على بناء واجهات المستخدم ذلك أنها لا تعمل إلا <font color="#E5E5E5">في طبقة ضوء </font> طلبك وأنه لا

افتراضات الوسيطة <font color="#CCCCCC">والظهر و </font> التقنيات التي تستخدم لذلك في الواقع يمكنك العمل جنبا إلى جنب مع كل من <font color="#E5E5E5">ذهابا والتكنولوجيات التي شائعة </font> متاح <font color="#CCCCCC">لتطوير الشبكة في </font> لحظة، ويمكن دمجها بسهولة في

<font color="#E5E5E5">المشاريع الموجودة لديك بالطبع و </font> أن يجعل <font color="#E5E5E5">من السهل للغاية لدمج </font> عرض في المشاريع الموجودة لديك آخر الميزة الرئيسية لعرض جاس هو أنه هو <font color="#E5E5E5">performant للغاية بحيث يمكنك </font><font color="#CCCCCC">قراءتها </font> هنا انها فقط 17 كيلوبايت وحجم و

وهذا يعني أن المكتبة الأساسية والتي يجعلك تطبيق اشتعلت فيه النيران بسرعة الحمل الذي تضيفه من قبل بما في ذلك عرض <font color="#CCCCCC">الكراسي </font><font color="#E5E5E5">في مشروعك جدا </font> الصغيرة وأن يتأكد <font color="#CCCCCC">بأن ما تتمتعون به </font> التطبيق هو performant <font color="#CCCCCC">للبخير إذا </font><font color="#E5E5E5">كنت </font>

<font color="#CCCCCC">تريد دمج وجهة نظر درايا إلى حسابك </font> مشروع هناك <font color="#E5E5E5">طرق مختلفة ل </font> فعل لذلك دعونا انقر هنا على دليل للحصول على لمحة عامة عن <font color="#E5E5E5">مختلف الخيارات و </font> <font color="#E5E5E5">يمكنك النقر على التثبيت هنا </font>

القائمة الجانبية اليسرى وهنا <font color="#CCCCCC">ترون </font> <font color="#CCCCCC">هناك خيارات مختلفة </font><font color="#E5E5E5">وذلك ل </font> <font color="#E5E5E5">سبيل المثال يمكن إدراجه مباشرة </font> باستخدام علامة النصي في <font color="#CCCCCC">صفحة HTML الخاص بك </font> هذا في <font color="#E5E5E5">الأساس هو كل ما </font><font color="#CCCCCC">هو مطلوب </font><font color="#E5E5E5">ل </font> الحصول على <font color="#CCCCCC">الذهاب </font><font color="#E5E5E5">مع وجهة نظر، ويمكنك </font>

دمج <font color="#E5E5E5">مباشرة باستخدام برنامج نصي </font> علامة واستخدام الموارد من المحتوى شبكة تسليم على سبيل المثال انه تشغيل حزم واحد من تسليم المحتوى الشبكات مما يجعل المشاهد <font color="#CCCCCC">ي / ث يبل </font> وهذا هو <font color="#CCCCCC">الخيار الأسهل آخر </font>

خيار <font color="#CCCCCC">هو استخدام </font><font color="#E5E5E5">حزمة </font><font color="#CCCCCC">مدير</font><font color="#E5E5E5"> الآلية الوقائية الوطنية </font> لتثبيت <font color="#CCCCCC">وجهة النظر أو مجرد الكتابة في </font> <font color="#E5E5E5">NPM تثبيت الرأي القائل بأن يكون من تحميل </font> المكتبة وإضافة <font color="#E5E5E5">إلى الملاحظات </font> مجلد وحدات المشروع الخاص بك وهناك هو <font color="#CCCCCC">نسخة أخرى، وأنه </font><font color="#E5E5E5">هو الآخر </font>

النسخة التي سوف الذي سنكون استخدام في هذا الفيديو <font color="#CCCCCC">وهذا هو رأي </font> <font color="#CCCCCC">جاس CLI هو واجهة سطر الأوامر و </font> مع واجهة سطر الأوامر كنت الحصول قائد آخر هو قيادة الرأي وباستخدام هذا الأمر

يمكنك بدء مشروع جديد وهو يستند إلى قالب وبالفعل بما في ذلك مكتبة العرض بحيث كنت لا <font color="#CCCCCC">تحتاج </font><font color="#E5E5E5">إلى تحميل في خطوة منفصلة </font> <font color="#E5E5E5">حسنا لذلك دعونا التبديل </font><font color="#CCCCCC">إلى سطر الأوامر </font> والبدء في تركيب الأمر عرض

واجهة سطر حتى نتمكن من <font color="#CCCCCC">استخدامها ل </font> <font color="#E5E5E5">بدء أول مشروع لنا والقيام بذلك </font> نحن بحاجة <font color="#E5E5E5">إلى أن أقول الآلية الوقائية الوطنية تركيب وأفعل ذلك </font> كما G ناقص المستخدم الجذر لأننا نريد <font color="#CCCCCC">لتثبيت وجهة نظر سطر الأوامر </font> واجهة كأمر العالمي لذلك نحن بحاجة

لإعطاء هذا الخيار ز للعالمية <font color="#CCCCCC">واسم الحزمة </font> عرض اندفاعة على CL أنا حتى تنفيذ ذلك <font color="#E5E5E5">وتتخذ القيادة وتركيب ل </font> طيب الثاني نحن هنا تستطيع أن ترى وقد تم الانتهاء التثبيت

بنجاح، والآن <font color="#CCCCCC">طريقة العرض الجديدة </font> يتوفر الأمر يمكنك أن ترى هنا لديها خيارات مختلفة ومن أجل توليد مشروع جديد <font color="#E5E5E5">نحن نستخدم </font> أول خيار هنا في اعتماد ونحن تفعل ذلك <font color="#E5E5E5">بالطريقة التالية دعونا حفظ </font>

كنت في حزمة ويب ذلك <font color="#E5E5E5">لأننا نريد </font><font color="#CCCCCC">أن </font> الحصول على قالب المشروع الذي يستخدم الشبكة حزمة من محمل وحدة و محزم وبعد ذلك في <font color="#E5E5E5">المعلمة الأخيرة </font> إعطاء اسم المشروع، ونحن ببساطة <font color="#E5E5E5">نسميها عرض التطبيق 01 والآن حان </font>

بدء مشروع <font color="#E5E5E5">ترون انها </font> تحميل القالب ثم انها طرح بعض الأسئلة أولا نحن بحاجة <font color="#CCCCCC">إلى </font> إعطاء <font color="#E5E5E5">اسم المشروع هنا ويمكننا </font> <font color="#E5E5E5">نترك الامر عند التقصير هنا عرض التطبيق </font><font color="#CCCCCC">01 </font> وصف المشروع على الرغم من أن إذا كان

التقصير هنا المؤلف والآن حان يسأل كيف ينبغي أن يتم بناء على رأي <font color="#E5E5E5">نحن اختيار وقت وتجميع </font> هذا هو الطريقة الموصى بها لسنوات ليندا ميزة <font color="#CCCCCC">لحظة أنا أقول </font><font color="#E5E5E5">لا و </font> هنا فيما كان الإعداد اختبار الكرمة

وقاطع طريق على الرغم من عدم ونهاية إلى نهاية الاختبارات لم يشاهد مرة أخرى لا لذلك أن كل ما هو مطلوب الآن مشروع جديد تم إنشاء مجلد عرض التطبيق <font color="#E5E5E5">واحد و </font> يمكنك <font color="#CCCCCC">أن ترى هنا فإن الخطوة التالية هي ل </font> تغيير في هذا المجلد ومن ثم

إكمال التثبيت عن طريق تثبيت كل نهاية <font color="#CCCCCC">م الحزم المطلوبة </font><font color="#E5E5E5">لمشروعنا من قبل </font> باستخدام <font color="#E5E5E5">الآلية تثبيت قيادة بخير حتى </font> دعونا القيام بذلك التبديل إلى أن المشروع الجديد دليل ثم بتنفيذ <font color="#E5E5E5">الآلية الوقائية الوطنية تثبيت </font>

في هذا الدليل والآن حان جلب تحميل جميع الحزم المحددة في ملف JSON حزمة نقطة الذي كان <font color="#E5E5E5">وأضاف أن </font><font color="#CCCCCC">المشروع الذي الملف </font> تحتوي كل التبعيات وانها تحميل كل <font color="#CCCCCC">التبعيات و </font>

تركيب وحدات عقدة في مجلد وحدات عقدة <font color="#CCCCCC">المشروع </font><font color="#E5E5E5">و </font> هذا <font color="#E5E5E5">يستغرق مرة أخرى ثانية </font><font color="#CCCCCC">لإكمال </font> <font color="#E5E5E5">حسنا </font><font color="#CCCCCC">هنا انها أكملت </font><font color="#E5E5E5">نحن </font><font color="#CCCCCC">والآن </font> يمكننا القيام به أول اختبار ويمكننا أن نبدأ على خادم الويب وتطوير الشبكة

الخادم لتشغيل المشروع <font color="#CCCCCC">وهذا هو </font> القيام به مرة أخرى باستخدام <font color="#E5E5E5">الأمر</font><font color="#CCCCCC"> الآلية الوقائية الوطنية و </font> دعنا نقول الآلية الوقائية الوطنية المدى مواطنه هنا <font color="#E5E5E5">حسنا يمكنك </font> نرى يتم فتح المتصفح تلقائيا وانها تحميل على <font color="#CCCCCC">المشروع هنا في </font> ميناء المضيف المحلي 8080 ويمكنك ان ترى

<font color="#CCCCCC">التطبيق الذي تم تهيئة بهدف </font> والأمر قيد التشغيل بالفعل وتظهر هذا الإخراج هنا <font color="#E5E5E5">في المتصفح، وإذا </font><font color="#CCCCCC">كنت </font> التبديل إلى محطة <font color="#CCCCCC">ترون </font> انها تقول حسنا أنه تم تصنيف بنجاح، والآن ما هو الخادم

الاستماع في مضيف محلي 8080 وانها الخادم تحديث يعيش حتى إذا أردنا حاليا بتنفيذ أية تغييرات <font color="#CCCCCC">الموقع </font> <font color="#E5E5E5">يتم تحميل تلقائيا دون أي </font> تبدو الخطوات اليدوية لماذا لا <font color="#E5E5E5">حسنا لذلك دعونا </font> الحفاظ مشروعنا تشغيل هنا <font color="#E5E5E5">ولدي </font>

<font color="#E5E5E5">فتح علامة تبويب أخرى هنا في الأمر </font> الخط وأنا في نفس المشروع الدليل هنا والآن دعونا نبدأ بلدي محرر مدونة <font color="#E5E5E5">وهذا هو آدم </font> حتى نتمكن من إلقاء <font color="#E5E5E5">نظرة على </font> بنية المشروع الأولي <font color="#CCCCCC">حسنا هنا </font>

لذلك دعونا إغلاقه ومعرفة ما يدور في <font color="#E5E5E5">داخل </font> من مجلد مشروعنا وهنا <font color="#E5E5E5">يمكن أن </font><font color="#CCCCCC">نرى لدينا مختلف الملفات المدرجة </font> هنا يمكنك مشاهدة ملف package.json هذا <font color="#CCCCCC">هو النار بشكل جيد لم تبعيات </font> هي المدرجة <font color="#E5E5E5">وقبل أن تأكدنا </font>

التي كانت تبعيات تحميل <font color="#E5E5E5">وتثبيت إلى </font><font color="#CCCCCC">العقدة </font> وحدات مجلد عن طريق تنفيذ <font color="#CCCCCC">الآلية الوقائية الوطنية في </font> قيادة النمط في مجلد المشروع و ثم <font color="#E5E5E5">الملف التالي وهو </font><font color="#CCCCCC">أمر مهم هو </font> ملف index.html ولأن في <font color="#E5E5E5">هذا الملف </font>

<font color="#E5E5E5">تجد نقطة الانطلاق لل </font> تطبيق <font color="#E5E5E5">ويمكنك ان ترى انها عادي </font> بسيط هكتار HTML ملف وفي الجسم <font color="#CCCCCC">قسم من تلك HTML ملف قسم فرق </font> يتم تضمين <font color="#E5E5E5">وأن الذراع انحراف </font> لديها سمة واحدة هنا السمة ID

والسمة ID ID يحصل على تعيين سلسلة في حالتنا <font color="#E5E5E5">هذه هي سلسلة التطبيق </font> <font color="#CCCCCC">وعلل ض ذراع العنصر النائب بحيث </font> يعرف إطار عرض حيث لادخال المحتوى الذي <font color="#CCCCCC">تم إنشاؤه بواسطة </font> عرض تطبيق طيب الرقبة مفتوحة اسمحوا المقبل

المجلد المصدر لذلك هذا هو ضع في بنية مشروعنا حيث <font color="#CCCCCC">ويتم تنفيذ التطبيق عرض خيسوس و </font> دعونا فتح داخل هذا المجلد ملف <font color="#CCCCCC">JAS نقطة رئيسية وهذا هو المكان الذي يوجد فيه </font> <font color="#CCCCCC">تتم تهيئة تطبيق المشاهد </font>

<font color="#E5E5E5">ويمكنك أن ترى هنا نحن استيراد </font> أمرين هنا أولا نحن بحاجة إلى <font color="#E5E5E5">استيراد </font> وجهة نظر من عرض <font color="#CCCCCC">وأن </font><font color="#E5E5E5">هذا </font><font color="#CCCCCC">هو </font> فئة التطبيق الرئيسية ويمكنك ان ترى هنا انها تستخدم <font color="#E5E5E5">لخلق جديد </font> حالة

إطار وجنبا إلى جنب مع لدينا رأي تستورد الشيء الثاني، وهذا هو التطبيق من <font color="#CCCCCC">ملف التطبيق وهذا هو </font> عنصر نقوم بتنفيذ هنا في مشروعنا الذي يتوفر <font color="#E5E5E5">هنا </font><font color="#CCCCCC">في </font> <font color="#E5E5E5">عرض إبكت سوف نلقي نظرة في الجانب </font>

<font color="#CCCCCC">من أن التنفيذ في الثانية، ولكن </font> دعونا أولا نركز على جزء هنا و على سبيل المثال الإطار عرض الجديد تم إنشاؤها عن طريق دعوتهم <font color="#CCCCCC">منشئ </font> باستخدام الكلمة الجديدة و المنشئ يحصل معلمة واحدة و

<font color="#E5E5E5">هذا الكائن هنا مع هذا </font> خصائص إعادة تشكيل وأول <font color="#E5E5E5">الملكية هنا يمكنك أن ترى أنه دعا </font><font color="#CCCCCC">الله </font> <font color="#E5E5E5">لعنصر وأن </font><font color="#CCCCCC">يحصل على تعيين </font> سلسلة هنا والتي يقول أساسا أو لتحديد أن الناتج <font color="#CCCCCC">من وجهة نظر </font>

<font color="#CCCCCC">يجب أن يتم إدراج التطبيق في </font> العنصر الذي <font color="#CCCCCC">هو التطبيق ID وشاهدنا </font> من قبل في ملف index.html ونحن تعيين التطبيق سلسلة <font color="#CCCCCC">بالممتلكات طريق ض </font> ونحن الآن ربط رأينا التطبيق مع أن عنصر div ذلك

الإخراج التي <font color="#CCCCCC">يتم إنشاؤها في HTML </font> الإخراج التي يتم <font color="#E5E5E5">إنشاؤها </font><font color="#CCCCCC">من قبل جهة نظرنا </font> تطبيق واستبدال أن شعبة عنصر داخل ملف HTML مؤشر لدينا حتى وهنا القالب من طلبنا وأن القالب <font color="#CCCCCC">E بسيط جدا </font>

لأنها <font color="#E5E5E5">تحتوي على عنصر واحد فقط </font> <font color="#CCCCCC">وهذا هو العنصر Z AB وهو </font> مشيرا <font color="#E5E5E5">إلى عنصر التطبيق والتي </font> استخدام هذا العنصر هنا في قالب لدينا نحن تعريف هذا على إخراج HTML والتي <font color="#CCCCCC">يتم إنشاؤها من قبل مكون التطبيق </font>

ينبغي أن توضع هنا <font color="#E5E5E5">داخل رأينا </font> قالب بحيث انها جزء من الانتاج التطبيق الذي رأينا يولد و لتكون قادرة على استخدام على <font color="#E5E5E5">عنصر التطبيق </font> هنا وبما في ذلك الانتاج من <font color="#CCCCCC">التطبيق </font> مكون

نحن لسنا <font color="#CCCCCC">بحاجة فقط إلى استيراد ما يصل نحن هنا </font> <font color="#E5E5E5">تحتاج أيضا إلى إعلان هنا داخل </font> الكائن نحن تعيين ل الملكية المكونات في وجهة النظر كائن تكوين بحيث مشاهدة تطبيق يعلم أننا نريد <font color="#E5E5E5">أن نجعل </font>

استخدام عنصر التطبيق ضمن قالب لدينا <font color="#CCCCCC">حسنا لذلك دعونا التحول إلى ل </font> <font color="#CCCCCC">تنفيذ عنصر التطبيق و </font> متوفر في التطبيق والتنفيذ عرض العلجوم حتى هنا يمكنك <font color="#CCCCCC">ان ترى لدينا مجموعات </font> في <font color="#CCCCCC">نهاية تنفيذ كاملة كما هو الحال في </font>

كل عرض <font color="#E5E5E5">J كعنصر ملف واحد </font> تطبيقات كملف يتم تقسيم يصل الى ثلاثة أقسام على رأس <font color="#CCCCCC">ترون هنا </font> هو <font color="#E5E5E5">المقطع قالب من التطبيق </font> المكون ثم لدينا قسم النصي أكثر من هنا <font color="#E5E5E5">وأخيرا لدينا هنا </font>

<font color="#CCCCCC">القسم أسلوب تحتوي على CSS التصميم </font> <font color="#CCCCCC">رمز من القالب عنصر و </font> يمكنك أن ترى أن يجعل <font color="#E5E5E5">من السهل للغاية ل </font> الحفاظ على نظرة عامة لأن كل شيء تنتمي إلى عنصر واحد هنا ضمن هذا الملف واحد وذلك دعونا أولا

نلقي نظرة <font color="#E5E5E5">على قسم النصي لك </font> يمكن أن نرى هنا قسم السيناريو هو جعل خبير الافتراضية لو كائن تكوين مكون لمشاهدة وهذا الكائن التكوين تحتوي على <font color="#E5E5E5">خاصيتين </font><font color="#CCCCCC">اسم تعيين </font>

اسم لعنصر في حالتنا <font color="#CCCCCC">انها </font> التطبيق ومرة ​​أخرى خاصية مكونات اتخاذ كائن يحتوي على كافة المكونات التالية التي تستخدم هنا في عنصر التطبيق ولدينا واحدة عنصر تضمنت <font color="#CCCCCC">هذه الوثيقة التي هي </font>

مرحبا مكون المدرجة هنا ل إذا كان لنا أن نلقي <font color="#CCCCCC">نظرة </font><font color="#E5E5E5">على القالب الذي </font> يمكن أن نرى يتم تضمين المكون مرحبا <font color="#E5E5E5">في القالب باستخدام LM مرحبا </font> وهنا والآن يمكنك ان <font color="#CCCCCC">ترى </font> القالب هو ليس ببعيد مع الوحيد

<font color="#E5E5E5">قسم فرق هنا وقسم فرق </font> يتكون من <font color="#CCCCCC">عنصرين </font><font color="#E5E5E5">صورة واحدة </font> عنصر هذا العنصر الصورة بما في ذلك ملف الشعار PNG والانتاج و <font color="#E5E5E5">انها بما في ذلك الإنتاج الذي هو </font> التي <font color="#E5E5E5">تم إنشاؤها بواسطة المكون الفرعي مرحبا و </font>

إذا <font color="#CCCCCC">كنا الآن قارن ذلك القالب إلى </font> الانتاج الذي كان <font color="#CCCCCC">يبل هنا في </font> المتصفح الذي يمكن أن ترى <font color="#CCCCCC">علامته</font><font color="#E5E5E5"> هنا </font> هذا هو <font color="#E5E5E5">ملف الشعار وجميع الآخر </font> الإخراج التي <font color="#CCCCCC">يتم إنشاؤها هنا </font> <font color="#CCCCCC">رسالة ترحيب الأجنحة الأساسية لل </font>

وصلات النظام الإيكولوجي وهلم جرا قادم من <font color="#E5E5E5">المحتوى أو الناتج الذي </font><font color="#CCCCCC">هو </font> التي تنتجها <font color="#E5E5E5">المكون مرحبا Z وغير </font> تدرج <font color="#CCCCCC">هنا في القالب لذلك دعونا </font> نلقي نظرة <font color="#E5E5E5">على الجزء الأخير من على </font> بنية المشروع الأولي وهذا هو

تنفيذ المكون مرحبا تنفيذ <font color="#CCCCCC">باعتباره يبل هنا في </font> مكونات فرعي وملف مرحبا عرض نقطة و / أو فتح هذا الملف وهنا يمكنك ان <font color="#CCCCCC">ترى مرة أخرى لدينا قالب </font> قسم متاحة بعد ذلك لدينا طاقم

<font color="#CCCCCC">/ </font><font color="#E5E5E5">قسم </font><font color="#CCCCCC">السيناريو </font><font color="#E5E5E5">وأخيرا </font><font color="#CCCCCC">استخدام </font> قسم الأناقة وكما ترون إذا كنا نبدأ من خلال إلقاء نظرة على السيناريو مرة أخرى يتم تصدير الافتراضي القسم تحديد تكوين مكون الاعتراض على الاسم في هذه الحالة هو مرحبا

لأننا تحديد الجحيم المكون ثم <font color="#CCCCCC">هناك شيء </font> <font color="#E5E5E5">الجديدة انها وظيفة بيانات تعود ل </font> الكائن مع خاصية واحدة شملت و هذا هو Z جي اس <font color="#E5E5E5">لتقف على رسالة </font> يحصل تعيين الممتلكات وجي اس لل

أهلا وسهلا بك سلسلة ويمكنك ان ترى انها مرحبا بكم <font color="#E5E5E5">في وجهة نظركم </font> القضبان التطبيق هذا هو بالضبط <font color="#CCCCCC">السلسلة </font> الذي أنتج <font color="#CCCCCC">هنا عنوان </font> تحت شعار ملف والآن إذا كنت تأخذ <font color="#E5E5E5">نظرة على رمز القالب الذي </font><font color="#CCCCCC">هو </font>

تعرف هنا يمكنك ان ترى على الممتلكات جي اس كما المستخدمة هنا القالب في عنصر H1 باستخدام الاستيفاء بناء جملة الأمر الذي يتطلب استخدام مفتوحة و إغلاق الأقواس المعقوفة مزدوجة وباستخدام تركيب زيتاس ونحن قادرون <font color="#E5E5E5">على تضمين </font>

من خصائص <font color="#E5E5E5">الكائن الذي هو </font> عاد من وظيفة بيانات عنصر في قالب لدينا وهذا هو <font color="#CCCCCC">السبب النص </font><font color="#E5E5E5">من </font><font color="#CCCCCC">جي اس </font> تتم طباعة الملكية هنا ولل بقية القالب الذي يمكن أن يرى انها

حول طبع هذه الروابط هنا نحن وشملت قسم حلقة أساسية في عنصر H2 <font color="#E5E5E5">ثم كقائمة جميع </font> <font color="#E5E5E5">تطبع الروابط من ولدينا </font> النظام البيئي هنا فهو أن جزءا مع fallings تشير إلى عرض <font color="#CCCCCC">yucks جهاز التوجيه </font>

عرض محمل وعرض رائع جدا على <font color="#CCCCCC">الخطوة التالية </font><font color="#E5E5E5">كنت ترغب </font><font color="#CCCCCC">في إجراء بعض </font><font color="#E5E5E5">التغييرات </font> إلى التنفيذ الأولي وعادل <font color="#CCCCCC">لتعطيك </font><font color="#E5E5E5">انطباعا مدى سهولة </font> هو <font color="#CCCCCC">استخدام الإطار عرض وإعطاء </font> <font color="#E5E5E5">لك قليلا مقدمة لبعض </font>

<font color="#CCCCCC">توجيهات القياسية عرض JRS </font><font color="#E5E5E5">وI تبدأ </font> مع مع <font color="#CCCCCC">التغييرات عن طريق حذف بعض </font> المحتوى هنا في قالب المكون مرحبا <font color="#E5E5E5">وانا ذاهب </font><font color="#CCCCCC">الى </font> إزالة كل ما هو <font color="#E5E5E5">متعلق </font> <font color="#CCCCCC">القسمين الرابط هنا لذلك دعونا </font>

حذف هذا حتى يتسنى لنا <font color="#E5E5E5">فقط تطبع </font> من <font color="#CCCCCC">رسالة الترحيب ويمكنك ان ترى </font> أنا حفظ الملف وعلى الفور <font color="#E5E5E5">يحصل على إعادة شحنها في </font> المتصفح دون الحاجة مني أن <font color="#E5E5E5">أفعل </font> أي شيء يدويا هنا والآن يمكننا أن نذهب

على سبيل المثال مع تنفيذ <font color="#E5E5E5">للقائمة </font> طباعة <font color="#E5E5E5">وأنا تحديد بيانات آخر </font> الملكية هنا في <font color="#E5E5E5">الكائن </font><font color="#CCCCCC">الذي هو </font> عاد <font color="#CCCCCC">من </font><font color="#E5E5E5">البيانات المقاسة وأنا </font> تسمية هذا الصفيف <font color="#E5E5E5">أود أن يكون </font> المستخدمين ثم تحدد على أنها مجموعة و

ضمن ذلك مجموعة دعونا نقول لدينا الأشياء الواردة في <font color="#E5E5E5">هذا الصفيف التي </font> يتكون من اثنين من خصائص دعونا استخدام أول فندق اسم وتعيين أول اسم السلسلة واسم العائلة <font color="#CCCCCC">بخير وهذا </font> كان لذلك دعونا ربما إضافة عنصرين المزيد

هنا <font color="#E5E5E5">بخير تعيين اسم أول مختلفة </font> والاسم الأخير <font color="#E5E5E5">للكائن المستخدم الثاني </font> ولكائن المستخدم سيرت دعونا استخدام جون كاسم <font color="#E5E5E5">الأول، وربما بورتر </font> الاسم الأخير حتى الآن <font color="#E5E5E5">لدينا ثلاثة مستخدمين </font> تعرف هنا في مجموعة مستخدمين والآن

ونحن قادرون <font color="#CCCCCC">على استخدام أو للاستفادة من </font> يمكن <font color="#E5E5E5">للمستخدمين مجموعة مع مضمون </font> المدرجة في قالب لدينا وأود <font color="#CCCCCC">أن </font> طباعة هؤلاء المستخدمين كقائمة ذلك في ظل العنصر H1 دعونا تشمل آخر قسم فرق هنا وهذا يجب أن يكون

قائمة غير مرتبة وأنا قائلا البند قائمة، والآن أنا باستخدام <font color="#E5E5E5">طريقة عرض </font><font color="#CCCCCC">جاس </font> التوجيه القياسي وهو ما يسمى <font color="#E5E5E5">V </font> ناقص <font color="#E5E5E5">4 وأنا أقول أنه يساوي بعض </font> المستخدم الربيع في المستخدمين ومن خلال تطبيق <font color="#E5E5E5">ذلك التركيب هنا وجهة نظر </font><font color="#CCCCCC">إطار جاس </font>

<font color="#E5E5E5">وبالتكرار عبر مجموعة والتي </font> بما في ذلك عنصر عنصر قائمة واحدة <font color="#CCCCCC">في </font> وجوه <font color="#E5E5E5">محددة في مجموعة لدينا في </font> <font color="#E5E5E5">ولدت الانتاج والآن يمكننا استخدام </font> الاستيفاء في بناء الجملة مرة أخرى إلى <font color="#CCCCCC">طباعة </font> من القيم طباعة أول من المستخدم

<font color="#E5E5E5">الاسم الأول ثم بطباعة المستخدم </font> اللقب <font color="#CCCCCC">حسنا دعونا حفظه، ويمكنك </font> ترى على الانتاج <font color="#CCCCCC">يتم إنشاؤها </font><font color="#E5E5E5">وأنا و </font> بالعودة أسماء المستخدمين <font color="#CCCCCC">بخير </font> ذلك الشيء التالي أود <font color="#CCCCCC">أن تشمل هو </font> عنصر المدخلات واستخدام البيانات في اتجاهين

ملزمة لمزامنة قيمة المدخلات العنصر الذي الممتلكات التي <font color="#CCCCCC">هي </font> المحددة في نموذج البيانات لدينا <font color="#E5E5E5">حسنا دعونا </font> أولا تعريف خاصية جديدة هنا <font color="#CCCCCC">في </font> الكائن عودة وظيفة البيانات و دعونا اسم هذا المدخل الملكية جيدا و

مجرد تعيين سلسلة فارغة هنا <font color="#E5E5E5">بخير </font> وضمن قالب لدينا هنا تحت قسم فرق من قائمة المستخدمين <font color="#E5E5E5">أنا </font> تحديد القسم فرق أخرى وضمن هذا القسم فرق أنا بما في ذلك عنصر المدخلات ودعونا استخدام

<font color="#E5E5E5">نص الوقت ونحن لسنا في حاجة اسم و </font> قيمة هنا بدلا أنا باستخدام آخر <font color="#E5E5E5">عرض ي كما التوجيه القياسي الذي هو </font> دعا <font color="#CCCCCC">V نموذج عرض نموذج اندفاعة </font><font color="#E5E5E5">وأنا </font> تعيين <font color="#CCCCCC">شريط إدخال سلسلة التي </font> يتوافق <font color="#CCCCCC">مع اسم ممتلكاتنا </font>

حددناها هنا <font color="#E5E5E5">ودعونا الإخراج على </font> تلك الخاصية هنا تحت المدخلات عنصر ودعنا نقول أو دعنا نقول لدينا تفرخ وأنا باستخدام <font color="#E5E5E5">النص الخامس اندفاعة </font> التوجيه ومرة أخرى <font color="#CCCCCC">أنا تعيين الإدخال </font> فال <font color="#CCCCCC">حسنا لذلك دعونا نرى هنا هو مساهمتنا </font>

عنصر والآن يمكنني البدء في <font color="#E5E5E5">الكتابة </font> شيء في <font color="#E5E5E5">تطوير ولك </font> يمكن أن نرى هنا أن هذا إخراج لدينا عنصر تمتد الذي <font color="#CCCCCC">لا بد أن المدخلات </font> عنصر جيد باستخدام <font color="#CCCCCC">نص الخامس ناقص </font> التوجيه <font color="#E5E5E5">إخراج ض المدخلات هنا </font>

وينعكس مباشرة هنا كمخرج على <font color="#CCCCCC">نفس الصفحة </font><font color="#E5E5E5">بخير آخر شيء فما استقاموا لكم فاستقيموا </font> ترغب <font color="#E5E5E5">في </font><font color="#CCCCCC">إظهار كيف يمكنك استخدامها </font> على الأحداث مع التجارب عرض المخدرات و الذهاب لتشمل قسم فرق أخرى هنا حتى حالة استخدام <font color="#E5E5E5">أود أن </font>

تنفيذ هو <font color="#CCCCCC">سهل جدا واحد فقط اسمحوا لنا </font> <font color="#E5E5E5">تنفيذ زر التي </font> يتم الانتقال إلى زيادة عداد من جانب واحد في كل مرة <font color="#E5E5E5">ينقر المستخدم على الزر </font> لذلك دعونا أولا تحديد بيانات عداد الملكية هنا في بياناتنا كائن <font color="#E5E5E5">أنا </font>

الذهاب إلى الدعوة لمكافحة وضعه في البداية إلى 20 وضمن هذا جديدة كشف انا بتنفيذ زر <font color="#CCCCCC">و </font> وينبغي أن يشمل هذا الزر وجميل معالج الحدث وأنا باستخدام <font color="#E5E5E5">شرطة ضد التوجيهية على </font><font color="#CCCCCC">يليها </font>

حدث <font color="#CCCCCC">أود </font><font color="#E5E5E5">للرد على و </font> هذا هو الحدث انقر فوق وفي كل <font color="#CCCCCC">مرة </font> ينقر المستخدم <font color="#E5E5E5">على زر العداد </font> يجب أن تكون زيادة الملكية لذلك أنا استخدام <font color="#E5E5E5">زائد زائد هنا ومضمون </font> زر المؤكد أن تعكس <font color="#CCCCCC">قيمة </font>

العداد لذلك <font color="#CCCCCC">أنا بما في ذلك قليلا </font> قليلا من المعلومات النص هنا لديك النقر على هذا الزر، والآن أنا ذاهب <font color="#E5E5E5">ل </font> <font color="#CCCCCC">استخدام بناء جملة الاستيفاء مرة أخرى ل </font> تشمل قيمة العداد <font color="#E5E5E5">س </font><font color="#CCCCCC">طيب </font> دعونا حفظه ونرى كيف <font color="#CCCCCC">الانتاج </font>

يبدو حتى الآن هنا هو زر <font color="#E5E5E5">وI </font> يمكن <font color="#E5E5E5">النقر على زر وكل مرة </font> انقر <font color="#CCCCCC">ترون هو قيمة العداد </font> التي تطبع على زر هنا وبمقدار واحد هذا هو نفسه <font color="#E5E5E5">من الترميز طريقة ذكية </font><font color="#CCCCCC">الهدوء إذا كنت تفعل </font>

مثل بلدي الفيديو من فضلك لا <font color="#CCCCCC">تنسى أن </font> اشترك <font color="#E5E5E5">في قناتي نراكم في </font> المقبل وداعا الفيديو أنت



Video Description

#1 Online Course: Vue JS 2 - The Complete Guide (http://codingthesmartway.com/courses/vuejs2-complete-guide/)

Vue.js 2 Quickstart Tutorial 2017

Vue is a progressive JavaScript framework that focuses on building user interfaces. As it only works in the “view layer” it makes no assumption of middleware and backend and therefore can be integrated easily into other projects and libraries. Vue.js offers a lot of functionality for the view layer and can be used for building powerful single-page webapps. In this video tutorial you'll learn how to get started with Vue.js!

This is a CodingTheSmartWay.com tutorial

---------------------
Check out our ebooks on Leanpub.com:

* Angular 2 - A Practical Introduction to the new Web Development Platform
https://leanpub.com/angular2-book

* Ionic 2 - A Practical Introduction To Hybrid Mobile Apps Development
https://leanpub.com/ionic2-book
---------------------

Musik:
Night Owl by Broke For Free is licensed under a Creative Commons Attribution License.
(http://freemusicarchive.org/music/Broke_For_Free/Directionless_EP/Broke_For_Free_-_Directionless_EP_-_01_Night_Owl)