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

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.

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

A

B

C

D

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

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

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

A En utilisant

B En utilisant

C En créant une nouvelle fonction

D En déclarant une fonction

5. Que fait le hook de cycle de vie

beforeDestroy

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.

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

A En utilisant

B En modifiant directement l’URL dans le navigateur.

C En modifiant la valeur de

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

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.

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

A

B

C

D

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

A

B

C

D

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

A Dans la section

B Dans la section

C Dans la section

D Dans la section