Testez vos connaissances en Vue.js - Les bases - Pouvez-vous réussir notre quiz de 25 questions?

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

Vrai
Faux

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

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

beforeCreate
created
mounted
beforeMount
didMount

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

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

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

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 À quoi sert principalement une 'directive' dans Vue.js ?

Pour gérer l'état
Pour effectuer des requêtes HTTP
Pour manipuler le DOM
Pour définir des méthodes

10/25 Quelle commande est utilisée pour créer un nouveau projet Vue.js en utilisant Vue CLI ?

vue create nom-du-projet
vue new nom-du-projet
vue init nom-du-projet
vue start nom-du-projet

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

12/25 Comment est principalement utilisé 'Vue.nextTick()' dans Vue.js ?

Pour la gestion des erreurs
Pour attendre le prochain cycle de mise à jour du DOM avant d'exécuter le code
Pour déclencher une mise à jour du composant
Pour retarder l'exécution d'une méthode

13/25 Dans Vue.js, quelle option est utilisée pour définir l'état initial des données d'un composant ?

data: {}
state: {}
model: {}
props: {}

14/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', {})

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

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

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

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

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 Quel est le rôle de l'attribut 'key' dans une boucle 'v-for' de Vue.js ?

Pour fournir un identifiant unique pour chaque élément de la boucle
Pour définir l'index de chaque élément dans la boucle
Pour augmenter les performances en réutilisant les éléments
Pour spécifier l'ordre d'exécution de la boucle

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