Test technique VueJS | QCM & Quiz – Partie 33

Les QCM VueJS sont un excellent moyen de tester et d’approfondir vos connaissances sur ce puissant framework JavaScript. Que vous soyez débutant cherchant à maîtriser les bases ou développeur expérimenté souhaitant valider vos compétences techniques, nos quiz interactifs vous permettent d’évaluer votre compréhension de VueJS. Grâce à des questions ciblées sur des concepts clés comme les composants, la gestion d’état et les directives, ces tests vous aideront à progresser rapidement et à renforcer vos compétences en développement web.
 
 

1. Quel est l’effet de v-if="show" ?

A Ajoute un style conditionnel sur l’élément.

B Change la couleur de l’élément en fonction de show.

C Affiche ou cache l’élément selon la valeur de show.

D Modifie l’animation de l’élément selon show.

Réponse  

2. Que fait v-for="n in 5" ?

A Applique un style à chaque élément du tableau.

B Itère 5 fois, générant 5 éléments.

C Crée 5 boutons avec un événement associé.

D Change la couleur de fond 5 fois.

Réponse  

3. Quel est l’effet de v-on:keydown.enter="submit" ?

A Exécuter la fonction submit lors de la pression de la touche Entrée.

B Valider le formulaire lors de la touche Entrée.

C Changer la couleur du bouton lors de la pression d’Entrée.

D Empêcher l’envoi du formulaire à la pression de la touche Entrée.

Réponse  
 

4. Que permet v-on:input="updateValue" sur un champ de texte ?

A Effacer la saisie au moment du changement.

B Appliquer un style à chaque caractère saisi.

C Appeler la fonction updateValue chaque fois que l’utilisateur tape dans le champ.

D Vérifier la validité de la saisie en temps réel.

Réponse  

5. Que fait v-model.number sur un champ de saisie numérique ?

A Écoute les modifications sur le champ de saisie.

B Convertit la valeur saisie en nombre.

C Dynamise la couleur du champ de saisie.

D Applique un formatage numérique à la valeur saisie.

Réponse  

6. Que fait v-model="checkbox" sur une case à cocher ?

A Lier l’état de la case (coche/decoche) à la variable checkbox.

B Cacher la case à cocher si checkbox est faux.

C Désactiver la case à cocher si checkbox est faux.

D Afficher un message lorsque la case est cochée.

Réponse  
 

7. Quel est l’effet de v-on:mouseover="changeColor" ?

A Cacher l’élément lors du survol.

B Modifier le texte de l’élément au survol.

C Appliquer un style dynamique lors du survol.

D Exécuter la fonction changeColor lors du survol de l’élément.

Réponse  

8. Que fait v-on:focus="handleFocus" sur un champ ?

A Bloque l’accès à l’élément lorsqu’il prend le focus.

B Exécute la fonction handleFocus lorsqu’un utilisateur clique dans le champ.

C Applique un style spécial au champ lors du focus.

D Masque l’élément lorsque l’utilisateur clique dedans.

Réponse  

9. Que fait v-model.number="userAge" sur un champ de saisie ?

A Force la valeur à être un entier.

B Convertit la valeur saisie en un nombre et l’assigne à userAge.

C Change le type de données de userAge à chaque modification.

D Ajoute un contrôle de saisie uniquement pour les entiers.

Réponse  
 

10. Que fait v-bind:title="tooltipText" ?

A Affiche dynamiquement le texte de l’attribut title en fonction de tooltipText.

B Change la taille du texte en fonction de tooltipText.

C Applique une bordure spéciale au texte du title.

D Crée un tooltip avec une animation.

Réponse