In this video, I’m gonna show everything you need to know to get started with the Script Setup pattern for Vue 3 & the Composition API
👉 Vue 3 Composition API Course: https://dannys.link/compositionapi

Using the Script Setup pattern will massively reduce the complexity and number of lines in your Vue 3 components.

In this super simple component we’re gonna create it will reduce the lines of our script section from 28 lines to just 14 lines!

So just imagine the kind of reductions you’ll get in a real-world, complicated app with 100s of components!

Throughout this tutorial, I’ll show you how we did things the old way (Setup Function) vs how we do them the new way (with Script Setup).

0:00 Introduction
02:21 Getting Started
04:20 Setup Function – Out with the old…
07:32 script setup – In with the new…
08:58 Methods
11:07 Child Components
13:37 Props
17:14 Emits & Custom Events
20:57 Emits – Passing Data
21:54 Learn More

👉 Vue 3 Composition API Course: https://dannys.link/compositionapi
👉 My Courses – https://dannys.link/courses
👉 Download Fudget: https://www.fudget.com
👉 My VSCode Setup – https://dannys.link/vscodesetup
👉 DONT CLICK THIS – https://dannys.link/dontclick