Elegant Vue 3 List Animation | Vue 3 Animation Course

John Komarnicki
John Komarnicki
4.7 هزار بار بازدید - 2 سال پیش - In this small course, we
In this small course, we implement animations into a simple todo app using two build in vue components (transition & transition-group). These components help simplify adding transitions & animations into your vue application.
-----------------------------------------------------------------------------------------------------
Join my channel to support me to continue doing what I love!
@johnkomarnicki
-----------------------------------------------------------------------------------------------------
Completed App Repo : https://github.com/johnkomarnicki/vue...
Starting Files Repo: https://github.com/johnkomarnicki/vue...
-----------------------------------------------------------------------------------------------------
Patreon: Patreon: johnkomarnicki
Website: https://johnkomarnicki.com/
Twitter: Twitter: john_komarnicki
LinkedIn: LinkedIn: john-komarnicki
-------------------------------------------------------------------------------------------------------
Timestamps:
0:00 Introduction
2:11 Transition & Transition-Group Overview
6:47 Toast Alert Functionality
8:29 Add Transition Component to Toast Alert
13:55 Add Custom Animation With Keyframes
15:31 Todo List Functionality
17:58 Add Transition-Group Component to Todo List
22:01 v-move Selector (Transition-Group)
24:09 Enable Enter Transitions on Page Load
25:16 Transitioning Todo List & Completed Msg (Transition Component)
28:02 Transition Modes
-------------------------------------------------------------------------------------------------------
#vue #vue3 #vue3compositionapi #slots #props
Current Subscribers: 4,557
2 سال پیش در تاریخ 1401/01/10 منتشر شده است.
4,779 بـار بازدید شده
... بیشتر