Une bonne critique pour les commandes à emporter

Débutant

Dans ce projet, vous apprendrez à créer un composant d'évaluation multidimensionnel en utilisant Vue.js et la bibliothèque Element-UI. Le composant d'évaluation permettra aux utilisateurs d'évaluer différents aspects d'une commande à emporter, comme la vitesse de livraison, le goût de la nourriture et la qualité de l'emballage.

javascriptweb-development

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce projet, vous allez apprendre à créer un composant de notation multidimensionnelle à l'aide de Vue.js et de la bibliothèque Element-UI. Le composant de notation permettra aux utilisateurs de noter différents aspects d'une commande de livraison à emporter, comme la rapidité de livraison, le goût de la nourriture et la qualité de l'emballage.

👀 Aperçu

Démo du composant de notation multidimensionnelle

🎯 Tâches

Dans ce projet, vous allez apprendre :

  • Comment créer un composant personnalisé Vue.js appelé my-rate.vue pour gérer la fonctionnalité de notation multidimensionnelle.
  • Comment utiliser le composant el-rate de la bibliothèque Element-UI pour implémenter les dimensions de notation individuelles.
  • Comment émettre un événement change à partir du composant my-rate pour informer le composant parent lorsque les notations sont mises à jour.
  • Comment personnaliser la mise en forme et la disposition du composant de notation pour correspondre aux exigences de conception.

🏆 Réalisations

Après avoir terminé ce projet, vous serez capable de :

  • Créer un composant Vue.js réutilisable avec une fonctionnalité personnalisée.
  • Utiliser la bibliothèque Element-UI pour construire des composants d'interface utilisateur complexes.
  • Gérer et communiquer des données entre les composants parents et enfants dans une application Vue.js.
  • Mettre en forme et disposer des composants Vue.js à l'aide de CSS.

Enseignant

labby
Labby
Labby is the LabEx teacher.