Test technique VueJS | QCM & Quiz – Partie 13

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 Vue.js applique-t-il l’optimisation du rendu avec v-for ?

A En réorganisant les éléments du DOM selon leur priorité

B En cachant les éléments non utilisés

C En utilisant la directive key pour améliorer la gestion des éléments dans les listes

D En appliquant un cache sur tous les éléments rendus

Réponse  

2. Quel est l’objectif principal des « slots » dans Vue.js ?

A Injecter des styles CSS dynamiques dans un composant

B Permettre de passer du contenu personnalisé dans un composant

C Créer des composants enfant dynamiques

D Définir des propriétés par défaut dans un composant

Réponse  

3. Que permet de faire la directive v-show dans Vue.js ?

A Appliquer une animation de transition à un élément

B Afficher ou masquer un élément en fonction d’une condition, sans le retirer du DOM

C Ajouter une classe CSS dynamique à un élément

D Modifier le style d’un élément en fonction de données

Réponse  
 

4. Quelle méthode dans Vue.js est utilisée pour accéder à l’instance de Vue après sa création ?

A this.$nextTick()

B this.$mount()

C this.$refs

D this.$el

Réponse  

5. Que fait le code VueJS suivant ?

<div>
  <button @click="resetCounter">Réinitialiser le compteur</button>
  <p>{{ counter }}</p>
</div>

export default {
  data() {
    return {
      counter: 0
    }
  },
  methods: {
    resetCounter() {
      this.counter = 0;
    }
  }
}

A Le bouton réinitialise le compteur à zéro et le texte est mis à jour.

B Le compteur n’est jamais réinitialisé.

C Le bouton réinitialise le compteur mais ne met pas à jour la vue.

D Le compteur n’affiche jamais la valeur 0.

Réponse  

6. Quelle est la fonction de Vue.observable() ?

A Créer une instance de composant réactif

B Créer une vue réactive qui peut être partagée entre plusieurs composants

C Ajouter des propriétés réactives à un composant

D Écouter les événements sur un objet

Réponse  
 

7. Quelle fonction permet de gérer les erreurs globales dans Vue.js ?

A Vue.config.errorHandler

B Vue.catch()

C this.$errorHandler

D this.$onError()

Réponse  

8. Quelle est la fonction de Vue.filter() ?

A Ajouter un filtre de routage à l’application

B Appliquer des transformations aux données avant leur affichage

C Modifier dynamiquement les styles des éléments HTML

D Appliquer des transitions entre les éléments de la vue

Réponse  

9. Quelle directive Vue.js permet de lier une classe CSS conditionnellement ?

A v-if

B v-show

C v-bind:class

D v-bind:style

Réponse  
 

10. Comment fonctionne l’option created() dans Vue.js ?

A Elle est appelée avant que l’instance Vue ne soit montée dans le DOM

B Elle est appelée après que l’instance Vue a été montée dans le DOM

C Elle est appelée une fois que toutes les données ont été chargées dans Vuex

D Elle est appelée chaque fois qu’une donnée change dans le modèle

Réponse