Vue 3 Router

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

This course will teach you the intricacies of adding navigation to your Vue.js web applications using the Vue Router, a powerful tool for creating dynamic and responsive navigation experiences.

1. Course Overview

1. Course Overview

2. Setting up Navigation in Vue.js

1. Overview

2. Version Check

3. Setting up the Project

4. Installing the Vue Router

5. Setting up Routes and Router Views

6. Redirecting to Default Route

7. Handling 404 Cases

8. Configuring Router History Modes

9. Summary

3. Building Dynamic Routes with Route Parameters

1. Overview

2. Creating Routes with Parameters

3. Reading Route Parameters from Components

4. Converting Route Params to Component Props

5. Adding Custom Regex to Route Parameters

6. Customizing Router Links

7. Summary

4. Adding Navigation Checks Using Route Guards

1. Overview

2. Adding Authentication Guards to Routes

3. Adding Component Deactivation Guards

4. Working with Before Resolve Hooks

5. Working with Per-route and After Hooks

6. Summary

5. Programmatically Navigating and Interacting with the Vue Router

1. Overview

2. Creating a Go Back Button

3. Navigating to Routes Programmatically

4. Replacing Current History

5. Summary

6. Designing Complex Layouts with Nested and Named Views

1. Overview

2. Creating Nested Routes and Views

3. Redirecting to Default Child Route

4. Creating Layouts Using Named Views

5. Handling Empty Named Router Views

6. Summary

7. Optimizing App Load Time through Lazy Loading

1. Overview

2. Importing Components Dynamically for Lazy Loading

3. Grouping Lazy Loaded Routes Together

4. Downloading Lazy Loaded Components in the Background

5. Summary

8. Enhancing User Experience with Transitions and Scrolling Behavior

1. Overview

2. Highlighting Active Links

3. Adding Navigation Transitions

4. Implementing Scrolling Behavior

5. Summary

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: PluralSight