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