Test technique VueJS | QCM & Quiz – Partie 20

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 fait la directive v-model lorsqu’elle est utilisée sur un composant personnalisé ?

A Elle lie la donnée au composant parent en utilisant un événement input.

B Elle lie la donnée au composant parent en utilisant une méthode emit.

C Elle lie un état à la méthode data du composant.

D Elle est utilisée uniquement avec les champs de formulaire HTML natifs.

Réponse  

2. Quelle méthode permet de remplacer l’URL actuelle sans ajouter à l’historique de navigation dans Vue Router ?

A this.$router.push()

B this.$router.replace()

C this.$router.go()

D this.$router.update()

Réponse  

3. Comment utilisez-vous Vuex pour gérer des données partagées dans une application Vue.js ?

A Vous créez des propriétés globales sur window pour partager l’état.

B Vous passez les données via des props et des événements entre les composants.

C Vous centralisez les données dans un store Vuex, et vous accédez à cet état dans les composants via this.$store.

D Vous utilisez les mixins pour injecter l’état dans les composants.

Réponse  
 

4. Comment créer un composant enfant dans Vue.js ?

A En utilisant Vue.component('child', { }).

B En utilisant this.$child().

C En créant une nouvelle fonction child().

D En déclarant une fonction renderChild().

Réponse  

5. Que fait le hook de cycle de vie beforeDestroy dans Vue.js ?

A Il est appelé avant que le composant soit monté.

B Il est appelé lorsque le composant est prêt à être détruit.

C Il est appelé après que le composant soit monté.

D Il est appelé lorsque le composant reçoit des données.

Réponse  

6. Comment modifier le nom d’une route dans Vue Router ?

A En utilisant this.$router.push('new-route-name')

B En modifiant directement l’URL dans le navigateur.

C En modifiant la valeur de this.$route.name.

D En changeant le nom dans le fichier de configuration de Vue Router.

Réponse  
 

7. Que fait le code VueJS suivant ?

<div>
  <p>{{ computedValue }}</p>
</div>

export default {
  data() {
    return {
      value: 5
    }
  },
  computed: {
    computedValue() {
      return this.value * 2;
    }
  }
}

A Affiche la valeur de value multipliée par 2, soit 10.

B Affiche 5 à tout moment.

C Affiche la valeur de value sans modification.

D Il y a une erreur dans le code.

Réponse  

8. Quelle est la méthode pour accéder à un composant enfant dans Vue.js ?

A this.$parent

B this.$children

C this.$refs

D this.$root

Réponse  

9. Comment pouvez-vous lier un événement personnalisé dans un composant Vue.js ?

A @event="handler"

B v-on:event="handler"

C v-on:event()

D @event(handler)

Réponse  
 

10. Comment pouvez-vous définir un composant enfant dans un fichier Vue.js ?

A Dans la section methods.

B Dans la section data.

C Dans la section components.

D Dans la section props.

Réponse