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.2 Creating the Project with Vite (Vite Only) ▬ [ Ссылка ]
➖ 1.3 The Scaffolded Codebase (Vite Only) ▬ [ Ссылка ]
➖ 1.4 Installing and Setting Up Vue Router (Vite Only) ▬ [ Ссылка ]
➖ 1.5 Creating the Project with Vue CLI (Vue CLI Only) ▬ [ Ссылка ]
➖ 1.6 The Scaffolded Codebase (Vue CLI Only) ▬ [ Ссылка ]
✔️ Vue Router 4 Fundamentals
➖ 2.1 Adding Routes and Content ▬ [ Ссылка ]
➖ 2.2 History Mode: HTML5 vs Hash ▬ [ Ссылка ]
➖ 2.3 Lazy Loading Routes (Vite Only) ▬ [ Ссылка ]
➖ 2.4 Lazy Loading Routes (Vue CLI Only) ▬ [ Ссылка ]
➖ 2.5 Navigation Component ▬ [ Ссылка ]
➖ 2.6 Router Link Active Class ▬ [ Ссылка ]
➖ 2.7 Dynamic Routes ▬ [ Ссылка ]
➖ 2.8 Named Routes ▬ [ Ссылка ]
➖ 2.9 Clean Up ▬ [ Ссылка ]
➖ 2.10 Reacting to Param Changes ▬ [ Ссылка ]
➖ 2.11 Route Props ▬ [ Ссылка ]
➖ 2.12 Experience Cards ▬ [ Ссылка ]
➖ 2.13 Nested Routes ▬ [ Ссылка ]
✔️ Vue Router Embellishments
➖ 3.1 Go Back ▬ [ Ссылка ]
➖ 3.2 Route Transitions ▬ [ Ссылка ]
➖ 3.3 404 Not Found Page ▬ [ Ссылка ]
➖ 3.4 Route Guards ▬ [ Ссылка ]
➖ 3.5 Scroll Behavior ▬ [ Ссылка ]
✔️ Advanced Vue Router 4
➖ 4.1 Route Meta Fields ▬ [ Ссылка ]
➖ 4.2 Router Query Params ▬ [ Ссылка ]
➖ 4.3 Extending Router Link for External URLs ▬ [ Ссылка ]
➖ 4.4 Router and the Composition API ▬ [ Ссылка ]
✔️ Vue Router 4 Bonus Chapter
➖ 5.1 Bonus Lessons ▬ [ Ссылка ]
➖ 5.2 Programmatic Navigation ▬ [ Ссылка ]
➖ 5.3 Named Views ▬ [ Ссылка ]
➖ 5.4 Redirect and Alias ▬ [ Ссылка ]
➖ 5.5 Detecting Navigation Failures ▬ [ Ссылка ]
➖ 5.6 Advanced Routes’ Matching Syntax ▬ [ Ссылка ]
➖ 5.7 Dynamic Routing ▬ [ Ссылка ]
▬▬ ▬▬ ▬▬ ▬▬ ▬▬ ▬▬ ▬▬ ▬▬ ▬▬ ▬▬
![](https://s2.save4k.org/pic/BAmWFSSnXFQ/maxresdefault.jpg)