Vue Script Setup for Single File Components
10 episodes• 40 mins•3 years ago
Overview
The Vue script setup syntax lets you clean up your Vue script area when you're using the Composition API. Variables and imports are automatically shared with your template, there's less boilerplate code, and it's faster in runtime performance!
In this series, we'll cover everything you need to know about working with the script setup syntactic sugar.
Alex Garrett-Smith
Hey, I'm the founder of Codecourse!
Episodes
0%
Your progress
- Total: 40m
- Played: 0m
- Remaining: 40m
01. Introduction
57s
0%
02. A Vue project with Vite
2m 37s
0%
03. The basics
5m 55s
0%
04. Importing components
2m 52s
0%
05. Importing modules
3m 1s
0%
06. Aliasing imports
4m 23s
0%
07. Namespaced components
4m 26s
0%
08. Working with props
4m 16s
0%
09. Emitting events
5m 45s
0%
10. Top-level await with Suspense
5m 48s
0%
Related courses
Vue.js
With Vue 3 comes a brand new way to define component logic. This function-based API gives you everything you're used to, but allows for more flexibility and better code and project organisation. This course covers everything you need to know.
17 episodes
2 hrs 1 min
Vue.js
A roundup of what's new in Vue 3, including a dive into the Composition API and plenty of practical examples.
6 episodes
1 hr 4 mins