Les livres
Apprendre HTML
Apprendre CSS
Apprendre Javascript
Cours
Questionnaires
Snippets
Les outils
Outils généraux
Générateur de code
Éditeur HTML
Encodeur HTML
Convertisseur Base 64
Différence de Code
Embellisseur JSON
Formatteur CSS
Convertisseur Markdown
Trouveur de Couleur Tailwind CSS
Chiffrer/Déchiffrer par Phrase
Vérificateur de Support API JS
Convertisseur de nombres
Créateur CSS
Créateur de CSS
Créateur d'Ombre de Texte CSS
Créateur de Rotation de Texte CSS
Créateur de Contour CSS
Créateur d'Ombre RGB CSS
Créateur de Transformation CSS
Créateur de Police CSS
Outils de couleur
Pipette de couleur
Couleurs CMYK
Couleurs HWB
Couleurs HSL
Couleur Hex
Mélangeur de Couleurs
Convertisseur de Couleurs
Couleur RGB
Vérificateur de Contraste de Couleur
Dégradé de Couleur
Outils de chaîne
Calculateur de Longueur
Outil Hash MD5
Outil Hash SHA256
Outil Inverseur
Encodeur d'URL
Décodeur URL
Encodeur Base64
Décodeur Base64
Suppresseur d'Espaces
Convertisseur en Minuscules
Convertisseur en Majuscules
Compteur de Mots
Décapant des Lignes Vides
Nettoyeur HTML
Convertisseur Binaire en Hex
Décodeur Binaire Hex
Convertisseur Rot13
Texte en Binaire
Suppresseur de Doublons
EN
DE
RU
FR
ES
Change theme
Dark
Light
System
Les livres
Apprendre HTML
Apprendre CSS
Apprendre Javascript
Comment Faire
Comment Git
Comment JavaScript
Comment CSS
Comment PHP
Comment Symfony
Comment HTML
Comment Java
Comment AngularJs
Comment NodeJs
Comment Linux
Comment Apache
Vue.js - Les bases
1/25
Quelle directive parmi les suivantes est utilisée pour attacher des écouteurs d'événements qui invoquent des méthodes ?
v-for
v-on
v-model
v-bind
Suivant >
2/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
Suivant >
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 })
Suivant >
4/25
Quel est le mot-clé utilisé pour générer une constante dans Vue.js ?
Define
Const
Aucune des réponses ci-dessus.
Suivant >
5/25
Quelle est la différence entre les directives v-show et v-if ?
v-if rend seulement l'élément dans le DOM si l'expression est vraie, tandis que v-show rend tous les éléments dans le DOM puis utilise la propriété d'affichage CSS pour montrer/cacher des éléments en fonction de l'expression.
v-if prend en charge les directives v-else et v-else-if tandis que v-show ne prend pas en charge les directives else.
v-if prend en charge l'onglet mais v-show ne prend pas en charge.
Tout ce qui précède
Suivant >
6/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
Suivant >
7/25
Quel est le but de la directive 'v-bind' dans Vue.js ?
Pour lier des propriétés de classe et de style
Pour lier des propriétés DOM aux données
Pour afficher du contenu textuel
Pour définir des méthodes de gestion d'événements
Suivant >
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
Suivant >
9/25
Quel est le but de la fonctionnalité 'provide' et 'inject' dans Vue.js ?
Pour le rendu côté serveur
Pour transmettre des données à travers l'arbre de composants sans utiliser de props
Pour la gestion de l'état global
Pour l'intégration avec des bibliothèques tierces
Suivant >
10/25
Comment peut-on rendre une composante Vue.js réactive aux changements dans un objet qui n'était initialement pas réactif ?
En utilisant Vue.set(object, key, value)
Cela n'est pas possible dans Vue.js
En réassignant l'objet
En utilisant object.key = value
Suivant >
11/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
Suivant >
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
Suivant >
13/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
Suivant >
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
Suivant >
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
Suivant >
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 })
Suivant >
17/25
Quelle affirmation est vraie concernant le hook de cycle de vie 'destroyed' dans Vue.js ?
Il est appelé avant que le composant soit retiré du DOM
Il est utilisé pour nettoyer les écouteurs d'événements et les abonnements réactifs
Il peut être utilisé pour empêcher un composant d'être détruit
Il est appelé immédiatement après la création du composant
Suivant >
18/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' } }
Suivant >
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
Suivant >
20/25
Quel est le but de l'attribut 'name' dans un composant Vue.js ?
Pour spécifier le nom utilisé dans le DOM
Pour définir le nom du composant pour des appels récursifs
Pour définir l'attribut 'name' sur l'élément racine
Pour identifier le composant dans Vue Devtools
Suivant >
21/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 } }
Suivant >
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
Suivant >
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
Suivant >
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
Suivant >
25/25
Dans Vue.js, quelle est la manière recommandée de passer des données à un composant enfant ?
En utilisant 'v-bind' pour lier des données aux attributs du composant enfant
En définissant directement des propriétés sur l'instance du composant enfant
En utilisant un bus d'événements global
En modifiant l'objet 'data' du composant enfant
Suivant >
Pour obtenir le résultat du quiz, veuillez fournir votre adresse e-mail (facultatif)..
Obtenir le certificat
Il semble que vous n'ayez pas encore répondu à des questions. Veuillez fournir vos réponses pour continuer.