• Chargement dynamique des composants
• Mode « historique »
• Paramétrage server-side
• Configuration d’URL
• Nested routes
• Navigation par le code
• Redirection
• Traitement des erreurs
• Flash message
• Pagination
• Gardes

Travaux pratiques

Implémentation de routes dans une application

• Définition et intérêts
• Implémentation de contenu au sein d’un template
• Slots, composants génériques & composants parents
• Props & slots
• Directive v-slot
• Slots nommés
• Portée des slots
• Slots à nom dynamique

Travaux pratiques

Mise en oeuvre de slots avec composants génériques

• Rôle des composants asynchrones
• Chargement des composants
• defineAsyncComponent
• Retour sur les promises
• Traitement des erreurs et de l’état

Travaux pratiques

Implémentation d’appels de composants de façon asynchrone

• Définition du state management pattern
• Vuex vs Pinia
• Stockage unique par application
• Exemple de stockage le plus élémentaires
• Gestion de l’état Vuex dans les composants
• Getters
• Mutations d’état
• Commits
• Gestion des actions
• Comparatif avec Pinia

Travaux pratiques

Construction d’un store de données avec Vuex

• Avantages des tests d’apps Vue.js
• Tour d’horizon des types de test
• Test par Vue.js
• Framework à disposition

Travaux pratiques

Déploiement d’un test

• Code splitting
• Lazy loading : enjeux avec Vue.js
• Chargement à la demande
• Chargement lazy avec dynamic import
• Directives v-once & v-memo

• Schéma d’authentification
• Authentifier par token
• JWT
• Connexion / déconnexion