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

1/25 Quelle interpolation de liaison de données est communément connue sous le nom de syntaxe « Moustache » ?

[]
v-model
{{}}
v-on

2/25 Comment utiliser une boucle dans Vue.js ?

vFor
*v-for
v-for
*ngFor

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

beforeCreate
created
mounted
beforeMount
didMount

4/25 Quelle est la différence entre les directives v-show et v-if ?

v-if rend seulement l'élément dans le DOM si l'expression est vraie, tandis que v-show rend tous les éléments dans le DOM puis utilise la propriété d'affichage CSS pour montrer/cacher des éléments en fonction de l'expression.
v-if prend en charge les directives v-else et v-else-if tandis que v-show ne prend pas en charge les directives else.
v-if prend en charge l'onglet mais v-show ne prend pas en charge.
Tout ce qui précède

5/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é.

6/25 Comment faites-vous pour rendre des éléments de manière conditionnelle dans un template Vue.js ?

En utilisant la directive 'v-for'
En utilisant la directive 'v-model'
En utilisant les directives 'v-if', 'v-else-if' et 'v-else'
En utilisant la directive 'v-show'

7/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

8/25 Quel est le but de la fonctionnalité 'mixins' dans Vue.js ?

Pour le style des composants
Pour partager des fonctionnalités entre des composants
Pour le rendu des composants côté serveur
Pour la gestion de l'état de l'application

9/25 Comment accédez-vous aux méthodes d'un composant parent depuis un composant enfant ?

En utilisant this.$parent.methodName()
En utilisant this.$child.methodName()
En utilisant Vue.parent.methodName()
Cela n'est pas possible dans Vue.js

10/25 Quel est le numéro de port par défaut sur lequel Vue CLI sert l'application ?

3000
8080
8000
5000

11/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

12/25 Quel est le but de l'attribut 'key' dans une directive v-for dans Vue.js ?

Pour fournir un identifiant unique pour chaque élément
Pour optimiser le rendu des listes
Pour définir l'ordre des éléments
Pour lier des données aux éléments de liste

13/25 Quel est le principal usage de la propriété 'methods' dans un composant Vue.js ?

Pour stocker des propriétés calculées
Pour définir des fonctions pouvant être utilisées dans les expressions de template et les gestionnaires d'événements
Pour lier des bibliothèques externes
Pour définir les valeurs initiales des données

14/25 Quel est le but de l'utilisation de 'v-bind' avec une classe dans Vue.js ?

Pour lier une méthode à une classe
Pour lier dynamiquement un ou plusieurs noms de classe à un élément
Pour attacher un écouteur d'événements à une classe
Pour afficher conditionnellement une classe

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 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' } }

17/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

18/25 Quelle est la bonne manière de faire une observation approfondie d'un objet dans Vue.js ?

watch: { 'objet': { deep: true } }
watch: { objet: { handler: 'méthode', deep: true } }
watch: { objet.deep: 'méthode' }
this.$watch('objet', 'méthode', { deep: true })

19/25 Quelle méthode est couramment utilisée pour la réactivité manuelle dans Vue.js ?

Vue.set(object, key, value)
Vue.reactify(object, key, value)
this.$forceUpdate()
Vue.observable(object)

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

Pour basculer la visibilité d'un élément
Pour afficher un élément pour un seul rendu
Pour insérer ou retirer un élément du DOM
Pour afficher des valeurs liées aux données

21/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

22/25 Dans Vue.js, comment pouvez-vous appliquer conditionnellement plusieurs classes à un élément ?

En utilisant la directive v-bind avec une syntaxe d'objet
En utilisant plusieurs directives v-class
En utilisant la directive v-style
Cela n'est pas possible dans Vue.js

23/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')

24/25 Quelle est la fonction principale des propriétés 'computed' dans Vue.js ?

Pour stocker et gérer l'état global
Pour exécuter des fonctions lors du déclenchement d'événements
Pour calculer un état dérivé basé sur des données réactives
Pour lier des éléments DOM aux données du composant

25/25 Dans Vue.js, quelle est la manière recommandée de passer des données à un composant enfant ?

En utilisant 'v-bind' pour lier des données aux attributs du composant enfant
En définissant directement des propriétés sur l'instance du composant enfant
En utilisant un bus d'événements global
En modifiant l'objet 'data' du composant enfant

Image for the last page of the Certificate