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
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
Suivant >
2/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 >
3/25
Comment utiliser une boucle dans Vue.js ?
vFor
*v-for
v-for
*ngFor
Suivant >
4/25
V-show ne prend pas en charge l'élément <template>.
Vrai
Faux
Suivant >
5/25
Quelle est la forme complète de MVVM ?
Model-View-ValueModel
Model-Value-ValueModel
Model-View-ViewModel
Module-Value-ViewModel
Suivant >
6/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 >
7/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 >
8/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 >
9/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 >
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'
Suivant >
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
Suivant >
12/25
Quel est le numéro de port par défaut sur lequel Vue CLI sert l'application ?
3000
8080
8000
5000
Suivant >
13/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
Suivant >
14/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 >
15/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
Suivant >
16/25
Que fait la directive 'v-once' dans Vue.js ?
Écoute un événement une seule fois
Rend l'élément ou le composant une fois et ignore les mises à jour futures
Applique une classe CSS une fois
Exécute une méthode une seule fois
Suivant >
17/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 >
18/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 >
19/25
Dans Vue.js, quel est l'effet de l'utilisation de la directive 'v-once' sur un composant ?
Elle détruit le composant après une utilisation
Elle rend le composant seulement une fois, et les re-rendus ultérieurs sont ignorés
Elle écoute un événement une seule fois
Elle applique une classe CSS à un élément une seule fois
Suivant >
20/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 >
21/25
Dans Vue.js, comment la directive 'v-model' fonctionne-t-elle avec une entrée de type case à cocher ?
Elle se lie à la propriété 'checked' de la case à cocher
Elle se lie à l'attribut 'value' de la case à cocher
Elle bascule l'état 'disabled' de la case à cocher
Elle n'est pas applicable aux entrées de type case à cocher
Suivant >
22/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 >
23/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 >
24/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
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.