Introduction aux Composants Fonctionnels
Objectifs
Les objectifs de cette vidéo sont :
- Comprendre la structure et la syntaxe des composants fonctionnels dans Vue JS.
- Apprendre à utiliser les fonctions props et context dans un composant fonctionnel.
- Construire un composant simple et le rendre correctement dans une application Vue.
Résumé
Résumé court de la leçon.
Description
Les composants fonctionnels représentent une alternative sans état aux composants traditionnels dans Vue JS. Ils diffèrent des composants classiques en ce qu'ils sont rendus sans créer d'instance, contournant ainsi le cycle de vie habituel. Cette leçon présente les bases pour créer des composants fonctionnels à l'aide de la fonction Render. Vous apprendrez à utiliser une simple fonction JavaScript qui prend deux arguments : les props et le context. Le context inclut trois propriétés principales - attrs, emit et slots - qui correspondent respectivement aux propriétés d'instances $attrs, $emit et $slots.
Dans cette leçon, nous allons créer un premier composant fonctionnel simple qui affiche un bouton 'Cliquez-moi'. Vous verrez comment structurer votre code en créant une constante pour le composant, et comment utiliser la fonction h pour rendre un élément bouton avec du texte.
Cette introduction pratique est parfaite pour ceux désirant approfondir leurs connaissances en Vue JS et améliorer leurs compétences de développement web en utilisant des composants plus légers et performants.
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
Facebook
Twitter
Linkedin
Email
