Présentation des affichages dynamiques

Effectué

Quand vous créez des pages basées sur des données, vous pouvez avoir besoin de modifier l’affichage en fonction de certaines valeurs. Vous pouvez aussi vouloir afficher plusieurs éléments dans un tableau.

En utilisant Vue.js, vous pouvez faire cela via des directives. Ainsi, vous pouvez utiliser du code HTML pour contrôler la sortie, ce qui semble naturel pour de nombreux développeurs web.

Dans ce module, vous examinez la manière d’afficher des éléments dans un tableau et la manière d’implémenter une logique d’affichage conditionnel.

Objectifs

À l’issue de ce module, vous aurez compris comment :

  • Afficher tous les éléments d’un tableau.
  • Afficher ou masquer des éléments HTML en fonction de valeurs de variables.
  • Utilisez des instructions if, else et else-if dans Vue.js.

Prérequis