آموزش روتر Vue 3

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

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

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

راه اندازی ناوبری در Vue.js Setting up Navigation in Vue.js

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

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

• راه اندازی پروژه Setting up the Project

• نصب روتر Vue Installing the Vue Router

• راه اندازی مسیرها و نماهای روتر Setting up Routes and Router Views

• تغییر مسیر به مسیر پیش فرض Redirecting to Default Route

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

• پیکربندی حالت‌های تاریخچه روتر Configuring Router History Modes

• خلاصه Summary

ساخت مسیرهای پویا با پارامترهای مسیر Building Dynamic Routes with Route Parameters

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

• ایجاد مسیرها با پارامترها Creating Routes with Parameters

• خواندن پارامترهای مسیر از کامپوننت ها Reading Route Parameters from Components

• تبدیل Route Params به Component Props Converting Route Params to Component Props

• افزودن Regex سفارشی به پارامترهای مسیر Adding Custom Regex to Route Parameters

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

• خلاصه Summary

افزودن چک های ناوبری با استفاده از Route Guards Adding Navigation Checks Using Route Guards

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

• افزودن محافظ‌های احراز هویت به مسیرها Adding Authentication Guards to Routes

• افزودن محافظ های غیرفعال سازی کامپوننت Adding Component Deactivation Guards

• کار با قبل از حل هوک Working with Before Resolve Hooks

• کار با Per-route و After Hooks Working with Per-route and After Hooks

• خلاصه Summary

پیمایش برنامه‌ای و تعامل با روتر Vue Programmatically Navigating and Interacting with the Vue Router

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

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

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

• جایگزین کردن تاریخچه فعلی Replacing Current History

• خلاصه Summary

طراحی چیدمان های پیچیده با نماهای تودرتو و نامگذاری شده Designing Complex Layouts with Nested and Named Views

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

• ایجاد مسیرها و نماهای تودرتو Creating Nested Routes and Views

• تغییر مسیر به مسیر پیش‌فرض فرزند Redirecting to Default Child Route

• ایجاد طرح‌بندی با استفاده از نماهای نام‌گذاری شده Creating Layouts Using Named Views

• مدیریت نماهای روتر با نام خالی Handling Empty Named Router Views

• خلاصه Summary

بهینه سازی زمان بارگذاری برنامه از طریق بارگذاری تنبل Optimizing App Load Time through Lazy Loading

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

• وارد کردن کامپوننت ها به صورت پویا برای بارگذاری تنبل Importing Components Dynamically for Lazy Loading

• گروه بندی مسیرهای لود شده تنبل با هم Grouping Lazy Loaded Routes Together

• دانلود کامپوننت های لود شده تنبل در پس زمینه Downloading Lazy Loaded Components in the Background

• خلاصه Summary

افزایش تجربه کاربر با انتقال و رفتار پیمایش Enhancing User Experience with Transitions and Scrolling Behavior

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

• برجسته کردن لینک های فعال Highlighting Active Links

• اضافه کردن انتقال ناوبری Adding Navigation Transitions

• پیاده سازی رفتار اسکرولینگ Implementing Scrolling Behavior

• خلاصه Summary