Pour cet exercice, vous allez générer 3 cartes produits à l'aide de composantes Vue.
Aperçu du résultat 👇
Matériel
Pen de départ
Requis
Créez une app Vue.
Vous allez devoir remplacer le HTML des 3 cartes par une composante card réutilisée 3 fois.
Donc, créez une composante card
Ensuite, ajoutez un tableau cardsArr dans vos app. Ce tableau contiendra 3 objets qui, chacun, contiendront les 4 données uniques à chaque carte.
Dans la view (le HTML), ajouter votre composante <card> une fois. Sur celle-ci, créez une boucle sur cardsArr pour générer les 3 cartes.
Utilisez les props pour personnaliser le contenu de chaque carte.
Notes de cours 📚
Composantes
Composantes autonomes pouvant être réutilisables