1. Introduction à Vue Router

Dans une application Vue monopage (SPA), Vue Router est le module qui permet de gérer la navigation entre plusieurs « pages » ou vues, sans recharger le navigateur.

Pourquoi un routeur ?

Par défaut, une application Vue affiche un seul composant racine.
Avec Vue Router, on peut :

• définir plusieurs vues/pages (accueil, Pokédex, favoris…),
• associer chaque vue à une URL spécifique (ex. /, /pokedex, /favoris),
• naviguer entre ces vues sans quitter l’application.

C’est exactement ce qu’on souhaite dans le projet Pokédex Vuetify.

Comment ça fonctionne ?

Vue Router agit comme un chef d’orchestre :

• il regarde l’URL actuelle (ex. /pokedex),
• il affiche le composant associé à cette route,
• et met automatiquement à jour la barre d'adresse sans recharger la page.

L'élément central est <router-view>, un emplacement spécial dans lequel Vue Router injecte dynamiquement la vue correspondante à la route.

Dans les prochains chapitres, nous verrons comment configurer Vue Router, créer des routes, et gérer la navigation dans le Pokédex.