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 V-show ne prend pas en charge l'élément <template>.

Vrai
Faux

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

5/25 Comment pouvez-vous passer des données d'un parent à un enfant dans Vue.js ?

En utilisant la méthode $emit
En utilisant la propriété $parent
En utilisant des props
En utilisant la gestion d'état global

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

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

8/25 Comment accédez-vous aux méthodes d'un composant parent depuis un composant enfant ?

En utilisant this.$parent.methodName()
En utilisant this.$child.methodName()
En utilisant Vue.parent.methodName()
Cela n'est pas possible dans Vue.js

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

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

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

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

13/25 Quel est le principal usage de la directive 'v-pre' dans Vue.js ?

Pour précharger des données avant de rendre un composant
Pour sauter la compilation pour cet élément et tous ses enfants
Pour donner la priorité de rendu à un élément
Pour préserver l'état original d'un élément

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

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

17/25 Comment peut-on définir une prop dans un composant Vue.js qui attend un type de données spécifique ?

props: { nomProp: 'String' }
props: { nomProp: String }
props: ['nomProp: String']
props: { nomProp: { type: 'String' } }

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

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

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

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

Pour basculer la visibilité d'un élément
Pour afficher un élément pour un seul rendu
Pour insérer ou retirer un élément du DOM
Pour afficher des valeurs liées aux données

22/25 Dans Vue.js, comment la directive 'v-model' fonctionne-t-elle avec une entrée de type case à cocher ?

Elle se lie à la propriété 'checked' de la case à cocher
Elle se lie à l'attribut 'value' de la case à cocher
Elle bascule l'état 'disabled' de la case à cocher
Elle n'est pas applicable aux entrées de type case à cocher

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

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