CATALOGUE Code & Data Formation JavaScript Apprendre Vue JS 3 Analyse de l'Architecture d'une Application Vue.js

Analyse de l'Architecture d'une Application Vue.js

Architecture de l'application
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Vue JS 3
Revoir le teaser Je m'abonne
Transcription

Cette leçon fait partie de la formation
69,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

Cette leçon fait partie de la formation
69,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

L'objectif de cette vidéo est de fournir une compréhension approfondie de l'architecture d'une application Vue.js, en examinant les fichiers et les composants générés par Vue CLI.

Cette vidéo analyse l'architecture d'une application créée avec Vue CLI en utilisant Visual Studio Code.

Dans cette leçon, nous explorons l'architecture d'une application Vue.js créée à l'aide de Vue CLI. À travers Visual Studio Code, nous examinons les différents fichiers et dossiers générés, notamment le fichier src/main.js, qui sert de point d'entrée à l'application, et le fichier public/index.html pour l'affichage. Nous détaillons également les composants disponibles de base tels que app.vue, le composant principal, et hello world.vue. Les Single File Components (SFC) sont aussi expliqués, avec une analyse détaillée de leur contenu en termes de template, script, et style. Cette leçon se poursuit par une exploration du fichier main.js pour comprendre son rôle dans la création et le montage de l'application. Enfin, le composant hello world.vue est inspecté en profondeur pour révéler son template, son script et ses styles, ainsi que l'utilisation des propriétés et des options export default.

Voir plus
Questions réponses
Quel fichier sert de point d'entrée pour une application Vue.js créée avec Vue CLI ?
Le fichier src/main.js sert de point d'entrée pour une application Vue.js créée avec Vue CLI.
Que représente l'alias dans l'instruction import dans un composant Vue.js ?
L'alias dans l'instruction import représente le nom à utiliser dans le composant pour référencer le module importé.
Pourquoi la propriété 'components' est-elle importante dans un fichier .vue ?
La propriété 'components' est importante car elle permet d'enregistrer les composants importés afin de les utiliser dans le template de l'actuel composant.

Programme détaillé