In this video I’m gonna show you how to use Vue JS 3 to create the same Todo app in both the Options API & in the Composition API!
Intro & Setup:
- 0:00 Introduction
- 1:00 Getting Started
- 2:35 Setup Pages & Routes
Options API:
- 3:46 Options API
- 4:09 Design
- 6:19 Setup Array for Todos
- 8:10 “Add a Todo” Method
- 10:01 “Delete a Todo” Method
- 11:13 Computed Properties
- 12:15 Watchers
Composition API:
- 14:50 Composition API
- 15:11 Template
- 15:32 Setup Method
- 16:09 Data with Refs
- 19:30 “Add a Todo” Method
- 22:18 “Delete a Todo” Method
- 23:43 Computed Properties
- 25:24 Watchers
- 27:47 Reactive Objects
#vue #vuejs #javascript #web-development #developer