Vue - Tableau NBA

Pour cet exercice, vous devrez rendre dynamique à l’aide de Vue le tableau indicateur d’un match de la NBA opposant les Raptors de Toronto aux Celtics de Boston 🏀.

Aperçu du résultat 👇

Matériel Pen de départ

Le CSS est déjà réalisé et le cadriciel Vue est déjà installé pour vous dans le pen de départ.

Requis Créez-vous une app Vue. Modifiez le HTML de sorte que les pointages des deux équipes proviennent de données dans votre app Vue et qu'ils soient égaux: 80 à 80. Lorsque le logo d'une équipe est cliqué, faites en sorte que 2pts soit ajouté à cette équipe. Notes de cours 📚

Introduction Vue

Création d'une app VueJS Comment créer en JS la base de l'app Vue

Données {{ }} Les données via les moustache et les attributs des balises via v-bind

Méthodes et événements v-on Les méthodes Vue sont des fonctions qui appartiennent à l'instance Vue sous la propriété "methods".