Test technique VueJS | QCM & Quiz – Partie 2

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. Que permet de faire la directive v-bind dans Vue.js ?

A Lier une valeur de donnée à un attribut HTML

B Appliquer un style CSS dynamique à un élément

C Créer une boucle d’éléments

D Montrer ou cacher un élément en fonction d’une condition

Réponse  

2. À quoi sert un watcher dans Vue.js ?

A Permet de rendre des éléments dynamiques dans le DOM

B Permet de lier des données à des événements

C Permet de modifier les attributs HTML

D Permet d’exécuter une fonction lorsque les données changent

Réponse  

3. Quelle méthode permet d’ajouter un « watcher » sur une donnée dans Vue.js ?

A this.$watch('data', callback)

B watch('data', callback)

C this.watch('data', callback)

D watch: { data: callback }

Réponse  
 

4. Quel est le rôle du router dans Vue.js ?

A Permet de gérer les événements du DOM

B Permet de créer des transitions entre les composants

C Permet de gérer la navigation entre différentes vues d’une application

D Permet de gérer la réactivité des données

Réponse  

5. Quelle est la méthode pour détruire une instance Vue ?

A destroyVue()

B vue.destroy()

C this.$destroy()

D this.$delete()

Réponse  

6. Que permet de faire la directive v-if dans Vue.js ?

A Afficher ou cacher un élément en fonction d’une condition

B Répéter un élément plusieurs fois

C Lier une donnée à un attribut HTML

D Ajouter un événement à un élément HTML

Réponse  
 

7. Quel est le rôle de la méthode created() dans Vue.js ?

A Elle est utilisée pour lier des événements aux éléments du DOM.

B Elle est appelée après le montage du composant dans le DOM.

C Elle est appelée avant la création du composant.

D Elle est appelée après la création du composant, mais avant qu’il ne soit monté dans le DOM.

Réponse  

8. Quelle est la méthode correcte pour définir un composant Vue ?

A Vue.extend('nom-du-composant', { ... })

B Vue.createComponent('nom-du-composant', { ... })

C new Vue({ component: 'nom-du-composant' })

D Vue.component('nom-du-composant', { ... })

Réponse  

9. Comment un composant parent peut-il transmettre des données à un composant enfant dans Vue.js ?

A En utilisant v-bind sur une propriété du composant enfant

B En utilisant v-model dans le composant enfant

C En utilisant props dans le composant parent

D En utilisant des événements avec this.$emit()

Réponse  
 

10. Que permet de faire la directive v-on dans Vue.js ?

A Lier une donnée à un attribut HTML

B Lier une méthode à un événement DOM

C Répéter un élément plusieurs fois

D Ajouter des classes CSS dynamiques

Réponse