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 Comment utiliser une boucle dans Vue.js ?

vFor
*v-for
v-for
*ngFor

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

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

Define
Const
Aucune des réponses ci-dessus.

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

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

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

beforeCreate
created
mounted
beforeMount
didMount

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

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

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

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

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

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

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

17/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: {}

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

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

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

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

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

23/25 Dans Vue.js, comment émettez-vous un événement d'un composant enfant à son parent ?

this.$emit('nomEvenement')
Vue.emit('nomEvenement')
this.$parent.emit('nomEvenement')
this.$dispatch('nomEvenement')

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

25/25 Dans Vue.js, à quoi sert l'attribut 'ref' ?

Pour référencer une instance de DOM ou de composant
Pour définir un élément récurrent dans 'v-for'
Pour stocker des références de données pour la réactivité
Pour configurer une liaison de données bidirectionnelle

Image for the last page of the Certificate