CATALOGUE Code & Data Formation JavaScript Apprendre Vue JS 3

Tutoriel : Créer une Application Vue JS avec le Modèle MVVM

Retour à la formation
Chapitre 1 Leçon 3
Précédent
Suivant

Ce tutoriel vous guidera à travers la création d'une application Vue JS en utilisant le modèle MVVM, une architecture qui sépare l'interface utilisateur de la logique programmatique pour une gestion optimale des données.

Détails de la leçon

Description de la leçon

Vue JS utilise le modèle MVVM (Model View View Model). Cet article explique comment séparer l'affichage de la logique programmatique dans une application Vue JS. Le modèle représente les données nécessaires, la vue représente l'interface utilisateur, et le View Model sert d'intermédiaire entre les deux, permettant une communication bidirectionnelle grâce au data binding. Vous apprendrez à configurer cette architecture dans VS Code en définissant un View Model avec createApp, en insérant des données via une fonction data, et en utilisant une balise div pour la vue. Au terme de cette leçon, vous serez capable de créer votre première application Vue JS. Une vidéo complémentaire détaillera les processus en profondeur.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de vous initier au modèle MVVM, de vous montrer comment configurer une application Vue JS, et de vous apprendre à séparer l'interface utilisateur de la logique programmatique pour une meilleure gestion des données.

Prérequis pour cette leçon

Les prérequis pour suivre cette vidéo incluent une connaissance de base de JavaScript, une compréhension superficielle de HTML, et une familiarité avec un éditeur de code comme VS Code.

Métiers concernés

Les connaissances de ce tutoriel sont utiles pour des métiers tels que développeur front-end, développeur web, ingénieur logiciel, et architecte de solutions.

Alternatives et ressources

Des alternatives à Vue JS incluent des frameworks comme Angular ou React, qui offrent également des architectures robustes pour la gestion de l'interface utilisateur et de la logique programmatique.

Questions & Réponses

Le modèle MVVM (Model View View Model) dans Vue JS est une architecture qui sépare l'interface utilisateur (view) de la logique programmatique (model) à travers un intermédiaire bidirectionnel (view model).
Le View Model sert d'intermédiaire entre la view (interface utilisateur) et le model (données), facilitant la communication bidirectionnelle et le data binding pour mettre à jour l'interface en fonction des changements dans les données.
Les données du modèle dans Vue JS sont définies dans une fonction anonyme appelée data, qui retourne un objet JSON contenant les variables utilisées par la vue.