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 Une fois qu'un modèle de vue est détruit, tous les écouteurs d'événements sont automatiquement supprimés.

Vrai
Faux

3/25 Quelle est la différence entre v-html et v-text ?

v-text définit le textContent du nœud
v-html définit le innerHTML de l'élément
Les deux affirmations ci-dessus sont vraies.
Les deux affirmations sont fausses.

4/25 Qu'est-ce qui est utilisé pour lier dynamiquement un ou plusieurs attributs soit à une propriété de composant soit à une expression ?

v-pre
v-bind
v-once
v-html

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

6/25 Quel est le mot-clé utilisé pour générer une constante dans Vue.js ?

Define
Const
Aucune des réponses ci-dessus.

7/25 Quelle est la forme complète de MVVM ?

Model-View-ValueModel
Model-Value-ValueModel
Model-View-ViewModel
Module-Value-ViewModel

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

beforeCreate
created
mounted
beforeMount
didMount

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

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

Pour rendre des éléments de manière conditionnelle
Pour accéder au contenu de slot avec portée dans une composante enfant
Pour lier des noms de classe dynamiques
Pour écouter des événements DOM

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

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

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

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

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

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

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

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

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

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

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 Laquelle des affirmations suivantes est vraie à propos des mixins dans Vue.js ?

Les mixins sont principalement utilisés pour le style des composants
Les mixins sont utilisés pour distribuer des fonctionnalités réutilisables pour les composants Vue
Les mixins ne peuvent être appliqués que globalement
Les mixins remplacent les méthodes et propriétés propres du composant

Image for the last page of the Certificate