Uploaded May 2021 | Updated September 2026, 3 hours ago
If you've been working in Vite with Vue 3 recently, you'll notice that when you start a new project, your script section looks a little different because it has a script setup method.
What is this?
The script setup syntax is a proposed change in the Vue's Git RFCs. It's is not intended to completely replace any of the current ways to write code. Its purpose is to provide developers with a more concise syntax to write their single file component's script code.
In this video, we're going to be taking a look at exactly how it works and some of the ways that it can be useful.
FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
learnvue.co/vue-3-essentials-cheatsheet
follow me on twitter:
twitter.com/mattmaribojoc
🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - go.learnvue.co/vueschool
INTRO
Daily (Prod. by Lukrembo)
If you've been working in Vite with Vue 3 recently, you'll notice that when you start a new project, your script section looks a little different because it has a script setup method.
What is this?
The script setup syntax is a proposed change in the Vue's Git RFCs. It's is not intended to completely replace any of the current ways to write code. Its purpose is to provide developers with a more concise syntax to write their single file component's script code.
In this video, we're going to be taking a look at exactly how it works and some of the ways that it can be useful.
FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
learnvue.co/vue-3-essentials-cheatsheet
follow me on twitter:
twitter.com/mattmaribojoc
🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - go.learnvue.co/vueschool
INTRO
Daily (Prod. by Lukrembo)










