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