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
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
Si vous utilisez .passive et .prevent ensemble, .prevent sera ignoré. Probablement, cela vous montrera un avertissement.
Vrai
Faux
Suivant >
3/25
Une fois qu'un modèle de vue est détruit, tous les écouteurs d'événements sont automatiquement supprimés.
Vrai
Faux
Suivant >
4/25
Quelle est la bonne manière d'installer le Vue CLI globalement ?
npm install vue-cli
npm install -g vue-cli
npm install vue-cli -global
npm install vue-cli -g
Suivant >
5/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 >
6/25
Tous sont des hooks de cycle de vie dans Vue sauf ...
beforeCreate
created
mounted
beforeMount
didMount
Suivant >
7/25
Comment $parent est-il décrit dans Vue ?
La propriété $parent, comme $root, peut être utilisée pour accéder à l'instance parente depuis un enfant.
Elle fournit un accès direct, rendant l'application difficile à tester et à déboguer.
Les deux options ci-dessus sont vraies.
Aucune des options ci-dessus n'est vraie.
Suivant >
8/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
Suivant >
9/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'
Suivant >
10/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 >
11/25
Quel est le numéro de port par défaut sur lequel Vue CLI sert l'application ?
3000
8080
8000
5000
Suivant >
12/25
Quel est le rôle de la fonction 'filters' dans Vue.js ?
Pour créer des mixins globaux
Pour appliquer un formatage de texte commun
Pour filtrer des éléments dans une liste v-for
Pour valider des entrées de formulaire
Suivant >
13/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 >
14/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 >
15/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 >
16/25
Quel est le cas d'utilisation typique pour le hook de cycle de vie 'created' dans Vue.js ?
Pour manipuler le DOM
Pour initialiser des données, configurer des écouteurs d'événements et démarrer des minuteries
Pour récupérer des données côté serveur
Pour intégrer avec d'autres bibliothèques JavaScript
Suivant >
17/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 >
18/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 >
19/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 >
20/25
Dans Vue.js, que fait l'attribut 'functional' dans une définition de composant ?
Il rend le composant étatique
Il indique que le composant est purement fonctionnel et sans état
Il améliore la performance du composant
Il permet au composant de maintenir son propre état
Suivant >
21/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 >
22/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 })
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
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
Suivant >
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
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.