Organisation d'une application Vue 3 | codeconcept

Autoplay
Autocomplete

Vidéo précédente Terminer et continuer

Vue 3 par la pratique

Introduction

Démonstration de l'application que nous allons développer (2:42)
Créer une application Vue 3 (6:20)
Organisation d'une application Vue 3 (9:40)
Nettoyage de l'application par défaut (5:49)

Création et gestion de formulaires Vue 3

Créer un composant Form (5:00)
Binder des refs à des tags HTML (14:12)
Gérer la soumission du formulaire (8:56)
Créer un custom event et l'émettre (10:01)

Afficher une collection

Créer le service "Task Service" (7:28)
Créer la view Tasks et permettre de router vers cette view (4:12)
Afficher toutes les tâches existantes (8:04)
Convertir les temporalités de Kebab Case en valeurs plus lisibles (5:47)

Références et lifecycle hooks

Utiliser le lifecycle hook onMount() (9:44)

Création d'un système de recherche et de filtres

Récupérer les saisies des utilisateurs (4:25)
Filtrer les tâches (7:51)
Afficher les tâches filtrées (5:28)
Créer et binder un groupe de boutons radio (9:25)
Utiliser un watcher plugué sur la variable bindée sur les boutons radio (11:01)

Validation de formulaire

Valider un formulaire à l'aide d'une computed (6:18)

Suppression d'une tâche

Supprimer une tâche (9:57)
Persister dans localStorage (9:01)

Modification d'une tâche via une Custom Modal

Créer un component Modal (33:16)
Créer un méthode update() dans le service (12:40)
Vous avez aimé cette formation ?

Organisation d'une application Vue 3

Terminer et continuer

Discussion

2 commentaires