آموزش روتر Vue 3

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

شروع کار با Vue Router Getting Started with Vue Router

• بررسی نسخه Version Check

• بررسی اجمالی Overview

• چرا به روتر نیاز داریم Why Do We Need a Router

• نصب و پیکربندی روتر Vue Installing and Configuring the Vue Router

• رسیدگی به پرونده 404 Handling 404 Cases

• سفارشی کردن پیوندهای روتر Customizing Router Links

• خلاصه Summary

مدیریت کامپوننت ها با استفاده از روتر Vue Managing Components Using the Vue Router

• بررسی اجمالی Overview

• سازماندهی چیدمان برنامه با استفاده از نماها Organizing Application Layout Using Views

• رندر کردن اجزای کودک با استفاده از مسیرهای تودرتو Rendering Child Components Using Nested Routes

• تطبیق مسیرها با پارامترهای پویا Matching Routes with Dynamic Parameters

• به‌روزرسانی وضعیت مؤلفه در تغییرات مسیر Updating Component State on Route Changes

• ارسال پروپ به اجزا با استفاده از روتر Vue Passing Props to Components Using the Vue Router

• خلاصه Summary

گسترش مسیرهای برنامه با استفاده از روتر Vue Extending Application Routes Using Vue Router

• بررسی اجمالی Overview

• استفاده از تغییر مسیر و نام مستعار Using Redirecting and Aliases

• استفاده از مسیرهای نامگذاری شده Using Named Routes

• مدیریت طرح‌بندی برنامه با استفاده از نماهای نام‌گذاری شده Managing Application Layout Using Named Views

• حذف # از URL Removing the # from the URL

• خلاصه Summary

تعامل با روتر Vue به صورت برنامه ای Interacting with the Vue Router Programmatically

• بررسی اجمالی Overview

• ایجاد دکمه بازگشت Creating a Go Back Button

• پیمایش به مسیرها به صورت برنامه ریزی شده Navigating to Routes Programmatically

• افزودن ویژگی‌های متا سفارشی با استفاده از فیلدهای متا Adding Custom Meta Properties Using Meta Fields

• خلاصه Summary

مدیریت انتقال و پیمایش Handling Transitioning and Scrolling

• بررسی اجمالی Overview

• افزودن انتقال به نماهای روتر Adding Transitions to Router Views

• اعمال انتقال در سطح مسیر Applying Transitions at Route Level

• اعمال انتقال پویا Applying Dynamic Transitions

• کنترل رفتار اسکرول با روتر Vue Controlling Scrolling Behavior with Vue Router

• خلاصه Summary

لودینگ تنبل و نگهبانان مسیر Lazy Loading and Route Guards

• بررسی اجمالی Overview

• آشنایی با چرخه حیات مسیریاب Vue Understanding the Vue Router Navigation Lifecycle

• سفارشی کردن ناوبری با استفاده از قلاب های ناوبری Customizing Navigation Using Navigation Hooks

• پیاده سازی گاردهای احراز هویت Implementing Authentication Guards

• اجزای مسیر بارگذاری تنبل Lazy Loading Route Components

• خلاصه Summary