Comprendre le DOM virtuel. Installation avec Vite. Structure d'un composant Single File Component (SFC) et la fonction setup().

Maîtriser le cœur de Vue 3. Différences entre ref et reactive, et comment Vue suit les changements de données.

Liaison d'attributs, gestion des formulaires et écoute des événements utilisateurs.

Affichage dynamique d'éléments et boucles sur des tableaux/objets. Importance de la directive :key.

Optimiser les performances avec les données dérivées et surveiller les changements de variables pour déclencher des effets secondaires.

Passer des données aux composants enfants et remonter des événements au parent de manière typée et sécurisée.

Créer des composants génériques avec des Slots (contenu variable) et utiliser Teleport pour les modales et notifications.

Utiliser onMounted, onUpdated, et onUnmounted pour gérer les appels API ou nettoyer des écouteurs d'événements.

Extraire la logique métier dans des fonctions externes (pattern "Hooks") pour la partager entre plusieurs composants.

Configuration des routes, paramètres d'URL dynamiques, et navigation programmatique.

Restreindre l'accès à certaines pages (ex: Admin) et gérer les transitions entre les pages.

Remplacer Vuex par Pinia. Créer des Stores pour partager des données (Utilisateur, Panier) dans toute l'application.

Centraliser les appels API dans le Store et transformer les données globales de manière réactive.

Communiquer avec un backend (Laravel). Gérer les headers d'authentification et les erreurs globales.

Gestion de formulaires complexes, schémas de validation avec Yup et retour d'erreurs en temps réel.

Configurer vite.config.js pour mélanger Blade et Vue. Passer des données de PHP vers Vue via les Props.

Utiliser le composant <Transition> pour ajouter des effets d'entrée/sortie fluides sur vos éléments UI.

Chargement différé des composants pour réduire la taille du bundle initial et améliorer le score SEO/Performance.