TypeScript Friendly Vue 3

Lessons

1. Introduction to the Script Setup Syntax

2:34

2. Reactive Variables with Type Inference

5:57

3. Typing Your Callback Functions

4:09

4. Props with Compiler Macros

5:55

5. Type-Safe Emit

4:41

6. (Bonus) Vue vs React: Framework Philosophy

1:35

Props with Compiler Macros

Props

In this lesson, we’ll look at the most important change in the script setup syntax, the new way of defining props and setting their default values.

Before we can demonstrate how to create props, we need to break our App component