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

3/25 Quelle est la bonne manière de générer une nouvelle instance dans Vue.js ?

var text = new Vue({ // options })
var text = new vue(){ // options }
var text = new object({ // options })
var text = new text({ // options })

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

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

beforeCreate
created
mounted
beforeMount
didMount

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

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

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

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

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

12/25 Dans Vue.js, comment pouvez-vous écouter des événements DOM natifs sur un composant personnalisé ?

En utilisant le modificateur '.native' sur une directive 'v-on'
En utilisant la directive 'v-model'
En utilisant la directive 'v-if'
En utilisant la directive 'v-show'

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

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

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

16/25 Que fait la directive 'v-once' dans Vue.js ?

Écoute un événement une seule fois
Rend l'élément ou le composant une fois et ignore les mises à jour futures
Applique une classe CSS une fois
Exécute une méthode une seule fois

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

18/25 Dans Vue.js, quelle est la bonne façon de déclarer un composant local ?

Vue.component('mon-composant', {})
components: {'mon-composant': {}}
Vue.register('mon-composant', {})
Vue.use('mon-composant', {})

19/25 Dans Vue.js, quel est l'effet de l'utilisation de la directive 'v-once' sur un composant ?

Elle détruit le composant après une utilisation
Elle rend le composant seulement une fois, et les re-rendus ultérieurs sont ignorés
Elle écoute un événement une seule fois
Elle applique une classe CSS à un élément une seule fois

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

21/25 Quel est le but principal de l'option 'props' dans un composant Vue.js ?

Pour transmettre des données aux composants enfants
Pour recevoir des données des composants parents
Pour stocker l'état interne du composant
Pour définir des propriétés calculées

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

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

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