Скачать или смотреть 2.4 Lazy Loading Routes (Vue CLI Only) ।। Vue Router 4 Fundamentals - #10

In this lesson, we use dynamic imports to lazy load different javascript chunks per page. This practice keeps the application lightweight and fast, as code is only requested from the server when it is needed.

==
If you're using Vite and don't want to see how lazy loading differs with Vue CLI, you can skip this lesson (suggested). Skip to next lesson using Vite: Navigation Component Lesson.
==

▬ VueJS Router 4 - Playlist ▬▬▬▬▬▬▬▬▬
✔️ Introduction to Vue Router 4
➖ 1.1 Introduction to Vue Router 4 ▬    • 1.1 Introduction to Vue Router 4 ।। Introd...  
➖ 1.2 Creating the Project with Vite (Vite Only) ▬    • 1.2 Creating the Project with Vite (Vite O...  
➖ 1.3 The Scaffolded Codebase (Vite Only) ▬    • 1.3 The Scaffolded Codebase (Vite Only) ।।...  
➖ 1.4 Installing and Setting Up Vue Router (Vite Only) ▬    • 1.4 Installing and Setting Up Vue Router w...  
➖ 1.5 Creating the Project with Vue CLI (Vue CLI Only) ▬    • 1.5 Creating the Project with Vue CLI (Vue...  
➖ 1.6 The Scaffolded Codebase (Vue CLI Only) ▬    • 1.6 The Scaffolded Codebase (Vue CLI Only)...  

✔️ Vue Router 4 Fundamentals
➖ 2.1 Adding Routes and Content ▬    • 2.1 Adding Routes and Content ।। Vue Route...  
➖ 2.2 History Mode: HTML5 vs Hash ▬    • 2.2 History Mode: HTML5 vs Hash ।। Vue Rou...  
➖ 2.3 Lazy Loading Routes (Vite Only) ▬    • 2.3 Lazy Loading Routes (Vite Only) ।। Vue...  
➖ 2.4 Lazy Loading Routes (Vue CLI Only) ▬    • 2.4 Lazy Loading Routes (Vue CLI Only) ।। ...  
➖ 2.5 Navigation Component ▬    • 2.5 Navigation Component ।। Vue Router 4 F...  
➖ 2.6 Router Link Active Class ▬    • 2.6 Router Link Active Class ।। Vue Router...  
➖ 2.7 Dynamic Routes ▬    • 2.7 Dynamic Routes ।। Vue Router 4 Fundame...  
➖ 2.8 Named Routes ▬    • 2.8  Named Routes ।। Vue Router 4 Fundamen...  
➖ 2.9 Clean Up ▬    • 2.9 Clean Up ।। Vue Router 4 Fundamentals ...  
➖ 2.10 Reacting to Param Changes ▬    • 2.10 Reacting to Param Changes ।। Vue Rout...  
➖ 2.11 Route Props ▬    • 2.11 Route Props ।। Vue Router 4 Fundament...  
➖ 2.12 Experience Cards ▬    • 2.12 Experience Cards ।। Vue Router 4 Fund...  
➖ 2.13 Nested Routes ▬    • 2.13 Nested Routes ।। Vue Router 4 Fundame...  

✔️ Vue Router Embellishments
➖ 3.1 Go Back ▬    • 3.1 Go Back  ।। Vue Router Embellishments ...  
➖ 3.2 Route Transitions ▬    • 3.2 Route Transitions ।। Vue Router Embell...  
➖ 3.3 404 Not Found Page ▬    • 3.3 404 Not Found Page ।। Vue Router Embel...  
➖ 3.4 Route Guards ▬    • 3.4 Route Guards ।। Vue Router Embellishme...  
➖ 3.5 Scroll Behavior ▬    • 3.5 Scroll Behavior ।। Vue Router Embellis...  

✔️ Advanced Vue Router 4
➖ 4.1 Route Meta Fields ▬    • 4.1 Route Meta Fields ।। Advanced Vue Rout...  
➖ 4.2 Router Query Params ▬    • 4.2 Router Query Params ।। Advanced Vue Ro...  
➖ 4.3 Extending Router Link for External URLs ▬    • 4.3 Extending Router Link for External URL...  
➖ 4.4 Router and the Composition API ▬    • 4.4 Router and the Composition API ।। Adva...  

✔️ Vue Router 4 Bonus Chapter
➖ 5.1 Bonus Lessons ▬    • 5.1 Bonus Lessons ।। Vue Router 4 Bonus Ch...  
➖ 5.2 Programmatic Navigation ▬    • 5.2 Programmatic Navigation ।। Vue Router ...  
➖ 5.3 Named Views ▬    • 5.3 Named Views ।। Vue Router 4 Bonus Chap...  
➖ 5.4 Redirect and Alias ▬    • 5.4 Redirect and Alias ।। Vue Router 4 Bon...  
➖ 5.5 Detecting Navigation Failures ▬    • 5.5 Detecting Navigation Failures ।। Vue R...  
➖ 5.6 Advanced Routes’ Matching Syntax ▬    • 5.6 Advanced Routes’ Matching Syntax ।। Vu...  
➖ 5.7 Dynamic Routing ▬    • 5.7 Dynamic Routing ।। Vue Router 4 Bonus ...  
▬▬ ▬▬ ▬▬ ▬▬ ▬▬ ▬▬ ▬▬ ▬▬ ▬▬ ▬▬