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

1/25 Quel modificateur d'événement est utilisé pour effectuer l'événement de clic uniquement une fois ?

<a @click.once="dotask"></a>
<a @click.prevent-once="dotask"></a>
<a @click.stop="dotask"></a>
<a @click.passive="dotask"></a>

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

beforeCreate
created
mounted
beforeMount
didMount

3/25 Comment $parent est-il décrit dans Vue ?

La propriété $parent, comme $root, peut être utilisée pour accéder à l'instance parente depuis un enfant.
Elle fournit un accès direct, rendant l'application difficile à tester et à déboguer.
Les deux options ci-dessus sont vraies.
Aucune des options ci-dessus n'est vraie.

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

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

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

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

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

11/25 Quelle méthode est utilisée pour naviguer de manière programmatique vers une autre route dans Vue.js en utilisant Vue Router ?

this.$route.navigate('/chemin')
this.$router.push('/chemin')
Vue.navigate('/chemin')
this.$router.goto('/chemin')

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

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

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

15/25 Quel est le but du mot-clé 'static' dans un composant Vue.js ?

Pour créer une méthode statique dans un composant
Pour empêcher la réactivité sur une propriété
Pour indiquer qu'une propriété ne doit pas être incluse dans le template
Pour rendre une propriété accessible globalement

16/25 Dans Vue.js, que fait l'attribut 'functional' dans une définition de composant ?

Il rend le composant étatique
Il indique que le composant est purement fonctionnel et sans état
Il améliore la performance du composant
Il permet au composant de maintenir son propre état

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

19/25 Quelle fonctionnalité de Vue.js vous permet de réaliser des effets secondaires en réponse à des changements de données réactives ?

Méthodes
Propriétés calculées
Observateurs
Directives

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

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

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 Quel est le rôle de l'attribut 'key' dans une boucle 'v-for' de Vue.js ?

Pour fournir un identifiant unique pour chaque élément de la boucle
Pour définir l'index de chaque élément dans la boucle
Pour augmenter les performances en réutilisant les éléments
Pour spécifier l'ordre d'exécution de la boucle

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, à quoi sert l'attribut 'ref' ?

Pour référencer une instance de DOM ou de composant
Pour définir un élément récurrent dans 'v-for'
Pour stocker des références de données pour la réactivité
Pour configurer une liaison de données bidirectionnelle

Image for the last page of the Certificate