آموزش vue JS : جلسه 13 - پروژه ساخت بازی کوپن تخفیف



visibility  
mode_comment   ۹

برای درک مفاهیم گفته شده دراین پروژه vue js باید قسمت های قبلی را دیده باشید. ما در این قسمت یک Mini Game خواهیم داشت که بیشترین مورد کاربردی آن برای فروشگاه های آنلاین می باشد.
پس با ما همراه باشید. . .

info توجه

این مطلب یک جلسه از دوره VueJS 2.0 می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در دوره VueJS 2.0

comment دیدگاه کاربران
Mr abbas

سلام خسته نباشید فایلهای ویدیو نیستش

محمد نجاری

سلام، تصحیح شد.

علی مشهوری

سلام .
برنامه ای برای برگزاری react native ندارید؟

محمد نجاری

سلام.
بله انشالله بعد از دوره react شاهد اموزش react native خواهیم بود.

موفق باشید

Mr abbas

سلام نتونستم تمرین رو انجام بدم…
چطور هندل کنیم وقتی هربار پانچ میزنیم یکی از عکسای تو ارایه نمایش داده بشه ؟:|

محمد نجاری

سلام شما باید یک آرایه از ادرس ها درست کنید.
data: {
title: "فکر کردی میتونی از من تخفیف بگیری؟",
damage: 100,
goodImg: "./img/1.jpg",
badImg: "./img/2.jpg",
kick: "./play/PUNCH.mp3",
finalKick: "./play/attack.mp3",
arr: ['./img/1.jpg', './img/2.jpg', './img/3.jpg'],
},

سپس تگ img را مانند زیر تغییر دهید.
:src="damage==0?badImg:arr[0]"

حالا باید با هر ضربه یکی به اندیس آرایه اضافه کنید.

موفق باشید

مجید زارعی هوشیار

سلام……خسته نباشد اقای نجاری
جلسه خوبی بووود….
فقط یه سوال داشتم من میخوام مقدار متغییر هایی که در قسمت data ها تعریف میکنیم رو برابر مقدار یه متغیر دیگه بکنم….چطوری میشه این کار رو کرد……مثلا در مثال زیر مقدارfullName رو برابر firstName و lastName کنم…..منظورم داخل همین بلاک data هستش

data: {
    firstName: ‘majid’,
    lastName: ‘zarei’,
    fullName: ?
  },
محمد نجاری

سلام
شما در قسمت دیتا این کار را نمیتوانید بکنید .باید با computed property ها اینکار را انجام بدهید.

مجید زارعی هوشیار

ممنون از پاسختون….

ارسال نظرات

کاربر گرامی، امکان ارسال نظر و پشتیبانی برای دوره های مجازی فقط برای دانشجویان این دوره امکان پذیر می باشد.