Vue : construire une application web (école d'ingénieur) · Chapitre 9 · Exercice de TD
Des liens par le nom
Le routeur : plusieurs écrans, une seule page · niveau 1 (application)
Énoncé
Dans la démonstration du chapitre, PageLivres.vue construit ses liens avec un gabarit de chaîne. Les réécrire avec le nom de la route. Vérifier que les attributs href produits sont identiques, et donner l'avantage de cette écriture.
Corrigé
<RouterLink :to="{ name: 'livre', params: { isbn: livre.isbn } }">
{{ livre.titre }}
</RouterLink>Les adresses produites, relevées par le test, sont les mêmes qu'avec le gabarit de chaîne :
[
'/livres/9782956300014',
'/livres/9782956300052',
'/livres/9782956300069'
]L'avantage : le motif /livres/:isbn n'est écrit qu'une fois, dans la table des routes. Le jour où il change, aucun lien n'est à corriger, et un nom de route erroné provoque une erreur immédiate au lieu d'un lien vers une page introuvable.
100 % gratuit
La suite du chapitre est sur Adloun
- 10 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.