Introduction à la Composition API
Objectifs
À la fin de cette vidéo, vous serez capable d'utiliser la Composition API pour créer des variables réactives et organiser votre code de manière efficace avec Vue.js 3.
Résumé
Apprenez à utiliser la Composition API dans Vue.js 3 pour améliorer l'organisation et la maintenance de vos applications.
Description
Cette leçon vous guide à travers la transition de l'Options API à la Composition API dans Vue.js 3. Vous apprendrez à créer des variables réactives en utilisant la fonction ref, à organiser le code autour de fonctionnalités logiques plutôt que de composants, et à améliorer la réutilisation du code entre les différents composants de votre application.
Nous débutons avec la création d'une application standard avec Vue CLI et modifions petit à petit le code en utilisant VS Code. L'exemple pratique inclut la création d'un composant pour afficher le texte saisi par l'utilisateur en majuscule. En utilisant la setup, nous montrons comment lier des variables réactives avec la vue, incluant un v-model pour lier un input texte et une interpolation pour afficher la valeur réactive dans un span.
Cette vidéo s'adresse aux développeurs désirant améliorer la lisibilité et la maintenabilité de leur code Vue.js, et souhaitant une introduction pratique et détaillée à la Composition API.
Questions - réponses
Programme détaillé
Module 1 - Premiers pas en Vue3
Module 2 - Les composants Vue JS
Module 3 - Les applications SPA (Single Page Applications)
Module 4 - L'interface en ligne de commande Vue-Cli
Module 5 - Le gestionnaire d'état Vuex
Module 6 - Le gestionnaire d'état Pinia
Module 7 - Persistance des données avec Firebase
Module 8 - Plus loin avec Vue.js 3
