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 Quelle directive ci-dessous offre une liaison bidirectionnelle ?

Aucune
v-inline
v-model
v-on

4/25 Quelle interpolation de liaison de données est communément connue sous le nom de syntaxe « Moustache » ?

[]
v-model
{{}}
v-on

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

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

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

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

beforeCreate
created
mounted
beforeMount
didMount

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

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

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

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

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

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

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

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

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

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

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

21/25 Dans Vue.js, à quoi sert la propriété 'el' dans une instance Vue ?

Pour définir l'élément sur lequel monter l'instance Vue
Pour spécifier l'élément parent pour l'instance
Pour déclarer des propriétés réactives
Pour définir le template pour l'instance

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

23/25 Comment définissez-vous l'état local dans un composant Vue.js ?

En utilisant l'option 'state'
En utilisant la fonction 'data'
En utilisant la propriété 'computed'
En utilisant la propriété 'methods'

24/25 Dans Vue.js, que représente le hook de cycle de vie 'mounted' ?

Le composant est sur le point d'être monté
Le composant a été inséré dans le DOM
Les données du composant ont été initialisées
Le composant est sur le point d'être mis à jour

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

Image for the last page of the Certificate