TABLE DES MATIÈRES
- Introduction
- Notions essentielles de JavaScript
- Comprendre les fondamentaux de Vue.js
- Utiliser les formulaires
- Utiliser les composants
- Mutualiser des fonctionnalités
- Créer et déployer une application avec Vue CLI
-
- Consommer des API REST et GraphQL
- Utiliser Vue Router pour la navigation
- 1. Définition et installation
- 1.1 Définition
- 1.2 Installation
- 1.2.1 Télécharger le plugin ou utiliser un CDN
- 1.2.2 Utiliser npm
- 1.2.3 Utiliser Vue CLI
- 1.3 Déclaration du routeur
- 2. Usage
- 2.1 Définition d’une route
- 2.2 Résolution d’une route
- 2.3 Mode historique
- 2.4 Affichage des composants dans des vues routeur
- 2.4.1 La vue par défaut
- 2.4.2 Les vues nommées
- 2.5 Naviguer à l’aide des liens <router-link>
- 2.5.1 Fonctionnement
- 2.5.2 La classe active
- 2.5.3 Les props de <router-link>
- 2.5.4 Les routes nommées
- 2.6 Routes dynamiques
- 2.6.1 Utilisation des segments dynamiques
- 2.6.2 Récupérer les segments dynamiques avec $route
- 2.6.3 Utiliser les segments dynamiques pour passer des valeurs aux props d’un composant
- 2.6.4 Passage entre deux chemins liés à la même route
- 2.7 Les routes imbriquées
- 3. Navigation programmée
- 3.1 Navigation programmée avec $router
- 3.1.1 $router.push() et $router.replace()
- 3.1.2 $router.forward(), $router.back(), $router.go()
- 3.2 Les intercepteurs de navigation
- 3.2.1 Des intercepteurs globaux, par route ou par composant
- 3.2.2 Flux de résolution lors d’un passage d’une route à l’autre
- 3.2.3 Déclaration d’un intercepteur
- 3.2.4 Exemple d’utilisation d’un intercepteur global
- 3.2.5 Exemple de chargement de données avant la navigation
- 3.3 Les redirections
- 3.1 Navigation programmée avec $router
- 4. Pour aller plus loin
- 4.1 Les transitions
- 4.1.1 Le composant <transition>
- 4.1.2 Exemple d’une transition entrante et sortante en fondu
- 4.2 Optimisation des performances
- 4.2.1 Utilisation du lazy-loading avec les composants asynchrones
- 4.2.2 Utiliser le préchargement avec la méthode webpackPrefetch
- 4.1 Les transitions
- 1. Définition et installation
- Utiliser Vuex pour la gestion d’états.
-
Soyez le premier à donner votre avis sur “Vue.js Développez des applications web modernes en JavaScript avec un framework progressif”