Vue 3 Script Setup Tutorial - This Changes Everything!

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: 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