Скачать или смотреть 2.12 Experience Cards ।। Vue Router 4 Fundamentals - #18

In this lesson, we create an Experience Card component to display each of the different experiences for each Vue School Travel App destination. We loop over each experience for the different destinations using Vue's v-for and link to an Experience page with router link.

▬ 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 ...  
▬▬ ▬▬ ▬▬ ▬▬ ▬▬ ▬▬ ▬▬ ▬▬ ▬▬ ▬▬