Vue 3 TypeScript Crash Course 2023

Vue 3 has excelent support for TypeScript, but lets look at the basics! In this video I'll explain how to use TypeScript with Vue 3, and show some of the Vue 3.3.0 features too! #vuejs #vue3 #typescript

👉Check out my last video on Vue 3.3


Want to help out the channel, and get EXCLUSIVE channel perks? Click here

👉Sign up for my mailing list and get neat stuff!

👉 Need some help with a project, level up your skills, React, Next, Vue, or Nuxt? Check out my 1-on-1 mentoring!

Follow me!

Links:

0:00 Show Props With Types
03:39 Generic Types Script Setup
04:25 PropType
05:26 External Types Imports
06:21 withDefaults
07:22 defineEmits Types
08:27 Ref Reactive and Computed Types
11:01 Type Event Handlers Input + Keyboard

[mel-]

Very helpful Erik, and to wrap this in 12mins. Thank you!

[jeffchen]

I mean `as unknown as number` is amazing, I haven't ever thought that before. Thank‘s for your video!

[ismaeljalbuna]

Thanks for the great video sir!. Will do withDefaults when assigning default value in props instead of de-structuring props. :D

[matanon]

Thank you so much for this video! It helped alot

[nglkvflyyyy]

Hi, Erik! Make please video about vscode settings for vue developers (with best tools and extentions)

[zain_x_alpha]

please also make this typescript video for options api

[MrDubanddnb]

Im more concerned about JSDoc thingy, because before 2 months started to update my Vue project to TS with a purpose of also learning the TS and before few days... baammm... a video about "Do you really need TS" ???

[greendsnow]

why do we defineProps and defineEmits? This is what the framework is for! I'm doing frameworks job...

[sjtfyvm]

Destruction of Vue's jet props 💩.

Given the disadvantages it has now, there is no point in using it