Test technique VueJS | QCM & Quiz – Partie 29

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. Dans Vue.js, que permet

v-on:submit.prevent

v-on:submit.prevent ?

A Empêche l’événement de soumission de recharger la page.

B Crée un slot dynamique pour la soumission du formulaire.

C Applique un style dynamique lors de la soumission.

D Exécute une fonction lors du clic sur un bouton.

Réponse  

2. Comment éviter la duplication des événements dans Vue.js ?

A Utiliser

.once avec v-on pour déclencher l’événement une seule fois.

B Utiliser des

slots dynamiques pour lier les événements.

C Modifier les

props avant l’événement.

D Lier un

computed à l’événement.

Réponse  

3. Que se passe-t-il si vous liez une prop non définie dans Vue.js ?

A Vue.js ignore la prop et l’élément sera non réactif.

B Vue.js génère un avertissement dans la console.

C Vue.js applique une valeur par défaut à la prop.

D Vue.js lie la prop au store global.

Réponse  
 

4. Comment afficher une donnée réactive dans un template Vue.js ?

A En utilisant des double accolades

{{ }} dans le template.

B En utilisant

v-bind dans l’attribut HTML.

C En insérant une fonction dans le template.

D En appelant directement la donnée dans le

data().

Réponse  

5. Comment détecter une modification dans un tableau avec Vue ?

A En réassignant complètement le tableau à une nouvelle variable.

B En utilisant

this.$set() pour modifier un élément du tableau.

C Les tableaux sont réactifs par défaut, aucune action n’est nécessaire.

D En utilisant un

watcher sur l’élément du tableau.

Réponse  

6. Quel est l’effet de

this.$delete()

this.$delete() dans Vue.js ?

A Supprime une propriété réactive d’un objet.

B Modifie un attribut HTML dynamique dans le DOM.

C Supprime un élément du DOM via v-if.

D Émet un événement personnalisé lors de la suppression.

Réponse  
 

7. Comment créer une méthode accessible dans tout le projet Vue.js ?

A En définissant la méthode dans

Vue.prototype.

B En créant un

mixin global.

C En utilisant un store Vuex pour gérer les méthodes.

D En enregistrant la méthode dans

data() de la racine.

Réponse  

8. Quel est l’intérêt principal de

computed

computed par rapport aux

methods

methods ?

A computed permet de modifier une propriété d’un objet.

B computed déclenche un événement à chaque mise à jour.

C computed modifie le style CSS d’un élément.

D computed met en cache les résultats, tandis que methods les recalculent à chaque fois.

Réponse  

9. Que signifie l’option

scoped

scoped dans un

<style>

<style> Vue.js ?

A Limite les styles à ce composant uniquement.

B Applique des styles à tous les composants enfants.

C Crée un style global pour l’application.

D Permet de lier des styles conditionnels.

Réponse  
 

10. Comment passer des données entre des composants non parent-enfant ?

A En utilisant un store Vuex.

B En passant des props dynamiques entre les composants.

C En créant un événement personnalisé.

D En utilisant des slots pour la communication.

Réponse