دوره یادگیری کامل Vue JS 3

در حال حاضر گزینه API را می دانید؟ همانطور که ممکن است به API ترکیب بروید!

عنوان اصلی : Vue JS 3: Composition API (with Pinia & Vite)

سرفصل های دوره :

مقدمه:
مقدمه
API ترکیب چیست؟
ویرایشگر و راه اندازی نرم افزار
vue devtools
شروع:
کد منبع نهایی
گزینه های API در مقابل ترکیب API - تغییر بیش از حد:
کد منبع نهایی
Refs ، اشیاء واکنشی و داده های غیر واکنشی:
کد منبع نهایی
روش ها ، محاسبه شده و ساعت:
کد منبع نهایی
قلاب های چرخه عمر:
قلاب های نصب شده
قلاب های فعال
قلاب های به روز شده
چندین قلاب!
کد منبع نهایی
دستورالعمل ها:
دستورالعمل های سفارشی محلی
دستورالعمل های سفارشی جهانی
کد منبع نهایی
vue روتر:
$ مسیر - قسمت 1
$ مسیر - قسمت 2
useroute
کاربر
کد منبع نهایی
لیست ها ، teleport ، الگوهای Refs & NextTick:
لیست ها (v-for)
Refs الگو
NextTick
teleport - قسمت 1
teleport - قسمت 2
کد منبع نهایی
مؤلفه های کودک ، غرفه ها و انتشار:
مؤلفه های کودک
منظره های بارگذاری تنبل را برطرف کنید
اسلات
غرفه ها
منتشر می شود
modelValue
به روز رسانی: ModelValue
اجزای پویا - قسمت 1
اجزای پویا - قسمت 2
ارائه / تزریق - قسمت 1
ارائه / تزریق - قسمت 2
کد منبع نهایی
ترکیبات:
ترکیب چیست؟
یک ترکیب ایجاد کنید
از ترکیب ما استفاده کنید
استفاده مجدد از ترکیب ما
ترکیب را از Vueuse اضافه کنید
کد منبع نهایی
مدیریت دولت با Pinia:
مدیریت دولت چیست؟
حالت ترکیب در مقابل Vuex در مقابل Pinia
ایالت - قسمت 1
حالت - قسمت 2
اقدامات
گیرنده ها
از فروشگاه ما در هر کجا استفاده کنید
کد منبع نهایی
Noteballs: Setup & Router:
برنامه مقدمه و Noteballs
ایجاد پروژه
روتر - نصب و راه اندازی
روتر - برخی از مسیرها را اضافه کنید
Routerview & Navigation را اضافه کنید
روتر - مرتب کردن
کد منبع نهایی
Noteballs: Bulma & Design:
بولما را نصب کنید
NAV BAR - طراحی
NAV BAR - ناوبری و آرم
NAV BAR - طراحی و منوی پاسخگو
صفحات (طراحی)
یادداشت ها (طراحی)
اضافه کردن فرم یادداشت (طراحی)
کد منبع نهایی
Noteballs: داده ها ، روش ها ، مؤلفه های کودک ، محاسبه شده و منتشر شده:
آرایه (Ref)
روش یادداشت را اضافه کنید
مؤلفه کودک - توجه داشته باشید
غرفه ها (توجه داشته باشید)
محاسبه شده (طول یادداشت)
حذف یادداشت (انتشار)
کد منبع نهایی
Noteballs: Pinia ، اجزای قابل استفاده مجدد ، روتر و موارد دیگر:
Pinia - Setup & State
از فروشگاه ما استفاده کنید
عمل - اضافه کردن یادداشت
عمل (با پارامترها) - یادداشت اضافه کنید
عمل - یادداشت حذف
ویرایش صفحه و مسیر
مؤلفه قابل استفاده مجدد - اضافه کردن
با ModelValue ارتباط برقرار کنید
تمرکز را برطرف کنید
غرفه های رنگ ، مکان نگهدارنده و برچسب سفارشی
Getter - دریافت محتوای یادداشت (UserOute)
getter (با پارامترها) - محتوای یادداشت را دریافت کنید
عمل - یادداشت به روزرسانی
UserOuter - صفحه را به صفحه یادداشت ها تغییر دهید
صفحه گیرنده و آمار بیشتر
کد منبع نهایی
Noteballs: Directions ، Watchers & Composables:
دستورالعمل - فوکوس خودکار
دستورالعمل جهانی - فوکوس خودکار
تعداد شخصیت ها را تماشا کنید (تماشا)
Composable - CHANCHACHACTER
ترکیب - پارامتر چندگانه
روی Composble Outside کلیک کنید (Vueuse ، الگوهای Refs)
کد منبع نهایی
Noteballs: Modal را حذف کنید:
حذف طراحی معین (اشیاء واکنشی)
Delete Modal را مخفی کنید (ModelValue & Update: ModelValue)
حذف معین - برای بستن بر روی بیرون کلیک کنید
حذف کنترل صفحه کلید (قلاب چرخه عمر)
Modal را حذف کنید - یادداشت را حذف کنید
کد منبع نهایی
سخنرانی های جایزه:
سخنرانی جایزه