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 Si vous utilisez .passive et .prevent ensemble, .prevent sera ignoré. Probablement, cela vous montrera un avertissement.

Vrai
Faux

3/25 Une fois qu'un modèle de vue est détruit, tous les écouteurs d'événements sont automatiquement supprimés.

Vrai
Faux

4/25 Quelle est la bonne manière d'installer le Vue CLI globalement ?

npm install vue-cli
npm install -g vue-cli
npm install vue-cli -global
npm install vue-cli -g

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 Tous sont des hooks de cycle de vie dans Vue sauf ...

beforeCreate
created
mounted
beforeMount
didMount

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

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

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

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

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

3000
8080
8000
5000

12/25 Quel est le rôle de la fonction 'filters' dans Vue.js ?

Pour créer des mixins globaux
Pour appliquer un formatage de texte commun
Pour filtrer des éléments dans une liste v-for
Pour valider des entrées de formulaire

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

14/25 Quel est le principal but de l'utilisation des 'slots' dans les composants Vue.js ?

Pour injecter du contenu dans un composant depuis son parent
Pour gérer l'état global
Pour stocker des données
Pour effectuer une liaison de données

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

16/25 Quel est le cas d'utilisation typique pour le hook de cycle de vie 'created' dans Vue.js ?

Pour manipuler le DOM
Pour initialiser des données, configurer des écouteurs d'événements et démarrer des minuteries
Pour récupérer des données côté serveur
Pour intégrer avec d'autres bibliothèques JavaScript

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

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

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

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

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

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

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

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

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

Image for the last page of the Certificate