سلام و درود دوستان عزیز من علیرضا احمدی هستم یک برنامه نویسی که تلاش میکنه دانسته های خودش رو با دیگران هم به اشتراک بگذارد و سطح دانش عمومی رو افزایش بده
این قسمت سوم از دوره آموزشی رایگان VueJS هست و داریم میریم سراغ یک مفهوم خیلی مهم در VueJS و اون چیزی نیست جز مدیریت رویداد ها در Vue :
این مفهوم رو خیلی از آموزش ها به صورت سطی در موردش صحبت کردند و ما در دو پارت مختلف اون رو به شما تا حد خیلی زیادی آموزش میدهیم و حتی به چیز هایی که تا حالا در آموزش های خیلی اشاره نشده مثل :Event Modifiers ها / Key Modifiers ها / Mouse Button Modifiers ها و... اشاره میکنیم .
اول از همه اگر قسمت های قبلی مجموعه آموزشی ما رو ندید پیشنهاد میکنم از طریق این لینک :
https://www.aparat.com/playlist/1865507
قسمت های قبلی این مجموعه آموزشی رو ببینید
مخصوص قسمت (آموزش Methods در ویو جی اس) که پیش نیاز مهم این بخش هست :
که از طریق ویدیوی فوق یا لینک زیر :
https://www.aparat.com/v/02slL?playlist=1865507
میتونید به اون دسترسی داشته باشید
ما رویداد ها رو در VueJS در دوبخش مقدماتی و پیشرفته آموزش میدهیم و در بخش مقدماتی به مباحث زیر اشاره خواهیم کرد :
۱) ساختار کلی رویداد ها در VueJS
براساس تصویر فوق به صورت کلی در VueJS رویداد ها چنین ساختاری رو دارند که در این قسمت بخش زیادی از مفهوم فوق رو توضیح میدهیم .
2) نمونه کد :
<a v-on:[eventName]="doSomething"> ... </a>
<!-- shorthand -->
<a @[eventName]="doSomething">
رو بررسی خواهیم کرد
۳) یک مثال واقعی رو بررسی میکنیم :
<a v-on:click="increment"> ... </a>
<!-- shorthand -->
<a @click="increment"> ... </a>
۴) اشنایی با @play و pause
با دو تا از رویداد های بامزه در ویدیو آشنا خواهیم شد
۵) با ref در VueJs اشنا خواهید شد
۶) یک مینی پروژه بامزه ویدیو پلیر رو با VueJS پیاده سازی خواهیم کرد و نتیجه نهایی کار به این صورت خواهد بود که به شدت مطمئنا برایتان جذاب خواهد بود .
پس پیشنهاد میکنم در ادامه این ویدیو همراه من باشید
ما ویدیو ها رو در گروه VueJS در تلگرام هم قرار میدهیم :
https://t.me/irdev2/9293
و میتوانید از طریق گروه فوق سئوالات خودتون رو هم مطرح کنید .
