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

1/25 Quels sont les avantages de l'utilisation de Vue.js ?

Petite taille - La taille est de 18 à 21 Ko. Elle ne nécessite aucun temps pour que l'utilisateur la télécharge et l'utilise.
Facilement compréhensible - L'une des raisons de la popularité de ce framework est qu'il est assez facile à comprendre. Les utilisateurs peuvent facilement ajouter Vue.js à leur projet web grâce à sa structure simple.
Intégration simple - vous pouvez facilement l'intégrer à des applications existantes.
DOM virtuel - Il est capable d'utiliser le DOM virtuel comme d'autres frameworks existants tels que ReactJS, Ember, etc. Le DOM virtuel est considéré comme une représentation en mémoire légère de l'arbre DOM HTML original, mis à jour sans affecter l'original.
Tout ce qui précède

2/25 Lequel des modificateurs d'événement suivants est appliqué uniquement pour empêcher les clics sur l'élément lui-même ?

@click.prevent.self
@click.self.prevent
@click.stop
@click.prevent

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

Vrai
Faux

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

beforeCreate
created
mounted
beforeMount
didMount

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

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

7/25 Quel est le rôle de la propriété 'watch' dans Vue.js ?

Pour effectuer des comparaisons d'objets profondes
Pour exécuter une fonction lorsque une propriété de données spécifique change
Pour lier des données à des éléments de template
Pour parcourir des éléments dans un tableau

8/25 À quoi sert Vuex dans une application Vue.js ?

Pour le rendu côté serveur
Pour la gestion de l'état global de l'application
Pour le routage
Pour le style des composants

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

10/25 Quel est le but de la fonctionnalité 'provide' et 'inject' dans Vue.js ?

Pour le rendu côté serveur
Pour transmettre des données à travers l'arbre de composants sans utiliser de props
Pour la gestion de l'état global
Pour l'intégration avec des bibliothèques tierces

11/25 Comment peut-on rendre une composante Vue.js réactive aux changements dans un objet qui n'était initialement pas réactif ?

En utilisant Vue.set(object, key, value)
Cela n'est pas possible dans Vue.js
En réassignant l'objet
En utilisant object.key = value

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

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

16/25 Quelle est la bonne façon de déclarer une propriété réactive dans un composant Vue.js qui ne fait pas partie de l'objet de données ?

Vue.reactiveProperty('nouvelleProp')
this.$set(this, 'nouvelleProp', valeur)
this.nouvelleProp = Vue.observable(valeur)
Vue.defineProperty(this, 'nouvelleProp', { valeur })

17/25 Quel est le but principal du 'beforeRouteEnter' dans Vue Router ?

Modifier les paramètres de la route avant d'y entrer
Effectuer des actions avant que la route soit confirmée
Empêcher la navigation vers une nouvelle route
Charger des données avant d'entrer dans une route

18/25 Comment pouvez-vous lier dynamiquement plusieurs attributs à un élément dans Vue.js ?

En utilisant v-bind avec un objet
En utilisant plusieurs directives v-bind
En utilisant une propriété calculée
Il n'est pas possible de lier plusieurs attributs de manière dynamique

19/25 Quel est le but de l'attribut 'name' dans un composant Vue.js ?

Pour spécifier le nom utilisé dans le DOM
Pour définir le nom du composant pour des appels récursifs
Pour définir l'attribut 'name' sur l'élément racine
Pour identifier le composant dans Vue Devtools

20/25 Dans Vue.js, quel est le principal usage de la fonctionnalité 'provide/inject' ?

Pour transmettre des données des composants parents aux enfants
Pour injecter des services ou des dépendances dans un composant
Pour gérer l'état global
Pour fournir des sources de données réactives

21/25 Quelle directive Vue.js est utilisée pour lier un écouteur d'événements à un élément ?

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

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

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

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

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