Test technique VueJS | QCM & Quiz – Partie 22

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. Comment pouvez-vous gérer des données locales dans Vue.js sans les rendre réactives ?

A En utilisant

data() dans le composant.

B En utilisant

Object.freeze() pour rendre les données non réactives.

C En utilisant

Vue.observable() pour rendre les données réactives.

D En utilisant une propriété

computed avec un getter sans setter.

Réponse  

2. Comment utilisez-vous Vue Router pour effectuer une navigation programmatique vers une autre route ?

A

this.$router.navigate('/nouvelle-route')

B

this.$router.push('/nouvelle-route')

C

this.$router.changeRoute('/nouvelle-route')

D

this.$router.go('/nouvelle-route')

Réponse  

3. Comment pouvez-vous modifier l’ordre des éléments dans un tableau avec Vue.js ?

A En utilisant la méthode

Array.sort().

B En utilisant la méthode

v-for pour trier les éléments dans le template.

C En utilisant

this.$set() pour réorganiser les éléments.

D Vue.js modifie automatiquement l’ordre des éléments lors des rendus.

Réponse  
 

4. Quel est l’outil pour vérifier l’état des données dans Vue.js lors du développement ?

A Vue Monitor

B Vue Logger

C Vue Inspector

D Vue DevTools

Réponse  

5. Comment pouvez-vous afficher une liste d’éléments avec Vue.js en utilisant la directive

v-for

v-for ?

A

v-for="(item, index) in items"

B

v-for="item of items"

C

v-for="items in item"

D

v-for="index in items"

Réponse  

6. Quelle méthode Vue.js permet de regénérer un composant après modification ?

A

this.$forceUpdate()

B

this.$reRender()

C

this.$refresh()

D

this.$reload()

Réponse  
 

7. Comment pouvez-vous passer des arguments à un événement personnalisé dans Vue.js ?

A En utilisant

v-on="eventArguments"

B En utilisant

@eventName="methodName($event)"

C En passant directement des arguments dans

v-bind

D En utilisant

this.$emit('event', argument)

Réponse  

8. Quelle méthode permet de naviguer vers une nouvelle route en utilisant Vue Router sans ajouter une nouvelle entrée dans l’historique ?

A

this.$router.push()

B

this.$router.replace()

C

this.$router.navigate()

D

this.$router.redirect()

Réponse  

9. Comment utilisez-vous Vuex pour gérer des actions asynchrones ?

A En utilisant une mutation.

B En utilisant un getter avec un async function.

C En utilisant une action qui peut contenir des opérations asynchrones.

D Vuex ne gère pas les actions asynchrones.

Réponse  
 

10. Comment pouvez-vous désactiver une partie de l’interface en utilisant Vue.js pendant une opération asynchrone ?

A En utilisant

v-if pour masquer l’élément pendant l’opération.

B En utilisant

v-for pour répéter l’élément à chaque étape de l’opération.

C En utilisant

v-bind pour lier une propriété disabled à une donnée.

D Vue.js désactive automatiquement les éléments pendant les opérations asynchrones.

Réponse