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
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
Comment utiliser une boucle dans Vue.js ?
vFor
*v-for
v-for
*ngFor
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
Quel modificateur d'événement est utilisé pour effectuer l'événement de clic uniquement une fois ?
<a @click.once="dotask"></a>
<a @click.prevent-once="dotask"></a>
<a @click.stop="dotask"></a>
<a @click.passive="dotask"></a>
Suivant >
4/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é.
Suivant >
5/25
À quoi sert Vuex dans une application Vue.js ?
Pour le rendu côté serveur
Pour la gestion de l'état global de l'application
Pour le routage
Pour le style des composants
Suivant >
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'
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
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
Suivant >
9/25
Quel est le but de la fonctionnalité 'mixins' dans Vue.js ?
Pour le style des composants
Pour partager des fonctionnalités entre des composants
Pour le rendu des composants côté serveur
Pour la gestion de l'état de l'application
Suivant >
10/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 >
11/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 >
12/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 >
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
Suivant >
14/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')
Suivant >
15/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', {})
Suivant >
16/25
Quel est le but du mot-clé 'static' dans un composant Vue.js ?
Pour créer une méthode statique dans un composant
Pour empêcher la réactivité sur une propriété
Pour indiquer qu'une propriété ne doit pas être incluse dans le template
Pour rendre une propriété accessible globalement
Suivant >
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 })
Suivant >
18/25
Quel est le but principal du 'beforeRouteEnter' dans Vue Router ?
Modifier les paramètres de la route avant d'y entrer
Effectuer des actions avant que la route soit confirmée
Empêcher la navigation vers une nouvelle route
Charger des données avant d'entrer dans une route
Suivant >
19/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 >
20/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
Suivant >
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'
Suivant >
22/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
Suivant >
23/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
Suivant >
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
Suivant >
25/25
Laquelle des affirmations suivantes est vraie à propos des mixins dans Vue.js ?
Les mixins sont principalement utilisés pour le style des composants
Les mixins sont utilisés pour distribuer des fonctionnalités réutilisables pour les composants Vue
Les mixins ne peuvent être appliqués que globalement
Les mixins remplacent les méthodes et propriétés propres du composant
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.