Testez vos connaissances en Vue.js - Les bases - Pouvez-vous réussir notre quiz de 25 questions?

1/25 Quelle directive parmi les suivantes est utilisée pour attacher des écouteurs d'événements qui invoquent des méthodes ?

v-for
v-on
v-model
v-bind

2/25 V-show ne prend pas en charge l'élément <template>.

Vrai
Faux

3/25 Tous sont des hooks de cycle de vie dans Vue sauf ...

beforeCreate
created
mounted
beforeMount
didMount

4/25 La directive v-model est utilisée dans ...

la liaison de données bidirectionnelle où la partie vue (UI) de l'application se met automatiquement à jour lorsque le modèle de données change.
la liaison de données bidirectionnelle où la partie vue (UI) de l'application ne se met pas à jour automatiquement. Nous devons écrire du code personnalisé pour la mettre à jour à chaque fois qu'un modèle de données change.
la liaison de données unidirectionnelle où la partie vue (UI) de l'application se met automatiquement à jour lorsque le modèle de données change.
la liaison de données unidirectionnelle où la partie vue (UI) de l'application ne se met pas à jour automatiquement. Du code personnalisé doit être écrit pour la mettre à jour à chaque fois qu'un modèle de données est modifié.

5/25 Quel est le but de la propriété 'computed' dans Vue.js ?

Pour stocker l'état de l'application
Pour définir des méthodes
Pour définir des opérations asynchrones
Pour calculer et retourner une valeur basée sur des dépendances réactives
Pour interagir directement avec le DOM

6/25 Dans Vue.js, comment itérez-vous sur un tableau d'éléments dans un template ?

En utilisant la directive 'v-if'
En utilisant la directive 'v-for'
En utilisant la directive 'v-model'
En utilisant la directive 'v-bind'

7/25 Quel est le but de la directive 'v-bind' dans Vue.js ?

Pour lier des propriétés de classe et de style
Pour lier des propriétés DOM aux données
Pour afficher du contenu textuel
Pour définir des méthodes de gestion d'événements

8/25 Quel hook de cycle de vie de Vue.js devriez-vous utiliser pour récupérer des données lors de la création d'un composant ?

mounted
created
beforeCreate
beforeMount

9/25 Quelle commande est utilisée pour créer un nouveau projet Vue.js en utilisant Vue CLI ?

vue create nom-du-projet
vue new nom-du-projet
vue init nom-du-projet
vue start nom-du-projet

10/25 Quel hook de cycle de vie dans Vue.js est appelé juste après que le DOM a été mis à jour ?

created
beforeUpdate
updated
mounted

11/25 Dans Vue.js, quel est le but de la directive 'v-cloak' ?

Pour rendre des éléments de manière conditionnelle
Pour retarder le rendu d'une composante
Pour éviter le scintillement de contenu non compilé
Pour masquer des données sensibles

12/25 Quel est le principal but de l'utilisation des 'slots' dans les composants Vue.js ?

Pour injecter du contenu dans un composant depuis son parent
Pour gérer l'état global
Pour stocker des données
Pour effectuer une liaison de données

13/25 Comment est principalement utilisé 'Vue.nextTick()' dans Vue.js ?

Pour la gestion des erreurs
Pour attendre le prochain cycle de mise à jour du DOM avant d'exécuter le code
Pour déclencher une mise à jour du composant
Pour retarder l'exécution d'une méthode

14/25 Dans Vue.js, quelle option est utilisée pour définir l'état initial des données d'un composant ?

data: {}
state: {}
model: {}
props: {}

15/25 Dans Vue.js, comment pouvez-vous accéder à l'instance racine Vue dans un composant ?

this.$root
Vue.$root
this.$parent.root
this.root

16/25 Quelle fonctionnalité de Vue.js est utilisée pour transformer les props en données locales réactives ?

Propriétés calculées
Observateurs
Propriétés de données
Props en bas, événements en haut

17/25 Quel est le but principal du modificateur '.sync' de la directive 'v-bind' dans Vue.js ?

Pour synchroniser les données entre les composants parents et enfants
Pour maintenir le modèle et la vue en synchronisation
Pour mettre à jour automatiquement une prop lorsque sa valeur liée change
Pour synchroniser les méthodes des composants

18/25 Comment peut-on définir une prop dans un composant Vue.js qui attend un type de données spécifique ?

props: { nomProp: 'String' }
props: { nomProp: String }
props: ['nomProp: String']
props: { nomProp: { type: 'String' } }

19/25 Dans Vue.js, comment pouvez-vous accéder aux paramètres de la route dans un composant en utilisant Vue Router ?

this.$route.params
this.params
Vue.getParams()
this.$router.params

20/25 Comment déclarez-vous une prop dans Vue.js qui a une valeur par défaut et une validation ?

props: { nomProp: { default: valeur, validator: fonction } }
props: ['nomProp', default: valeur, validate: fonction]
props: { nomProp: valeur, validator: fonction }
props: { nomProp: { valeur, validator: fonction } }

21/25 Dans Vue.js, à quoi sert la propriété 'el' dans une instance Vue ?

Pour définir l'élément sur lequel monter l'instance Vue
Pour spécifier l'élément parent pour l'instance
Pour déclarer des propriétés réactives
Pour définir le template pour l'instance

22/25 Dans Vue.js, comment la directive 'v-model' fonctionne-t-elle avec une entrée de type case à cocher ?

Elle se lie à la propriété 'checked' de la case à cocher
Elle se lie à l'attribut 'value' de la case à cocher
Elle bascule l'état 'disabled' de la case à cocher
Elle n'est pas applicable aux entrées de type case à cocher

23/25 Dans Vue.js, que représente le hook de cycle de vie 'mounted' ?

Le composant est sur le point d'être monté
Le composant a été inséré dans le DOM
Les données du composant ont été initialisées
Le composant est sur le point d'être mis à jour

24/25 Quel est le but de la méthode 'nextTick' dans Vue.js ?

Pour retarder l'exécution d'une fonction jusqu'au prochain cycle de mise à jour du DOM
Pour naviguer vers la route suivante dans Vue Router
Pour passer au prochain élément dans une boucle v-for
Pour mettre à jour des propriétés de données lors de la prochaine mise à jour du composant

25/25 Dans Vue.js, comment émettez-vous un événement d'un composant enfant à son parent ?

this.$emit('nomEvenement')
Vue.emit('nomEvenement')
this.$parent.emit('nomEvenement')
this.$dispatch('nomEvenement')

Image for the last page of the Certificate