Using TypeScript in your Vue 3 apps

  Рет қаралды 12,595

Vue Mastery

Vue Mastery

Күн бұрын

With Vue 3's script setup syntax, we now have a developer-friendly way to use TypeScript in our Vue.js apps. This video explains how. For a full, in-depth course on this topic, check out the complete course available on VueMastery.com 👉 www.vuemastery.com/courses/ty...
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials 👉 www.vuemastery.com/courses
Get in touch 👉 team@vuemastery.com
0:00 Introduction to the Script Setup Syntax
2:32 Reactive Variables with Type Inference
5:34 Beyond Type Inference
8:19 Continue the course at VueMastery.com

Пікірлер: 14
@VueMastery
@VueMastery 2 жыл бұрын
Did you know we have an entire course on Vue 3 with TypeScript? Dive in here 👉 buff.ly/3d4TWCn
@user-cw1jv3iy7q
@user-cw1jv3iy7q 2 жыл бұрын
Vue3 is an absolutely amazing and simple framework for me.
@dvdrtrgn
@dvdrtrgn 2 жыл бұрын
I prefer to see the script above the template these days - especially when using the script set up idiom.
@BabyShipCodeAi
@BabyShipCodeAi 2 жыл бұрын
Great!
@yuriihusak1959
@yuriihusak1959 2 жыл бұрын
For the cases where ref should be number but has no initial value just use default numeric value not null. Using null or number will give more overhead in the other parts of the code because a dev will need to check if value is not null.... It seems logical to use number | null for the example like you showed but you will get annoyed fast with bigger projects because of the things I have just described
@jaymartinez311
@jaymartinez311 2 жыл бұрын
would unknown still require a null check? 🤔
@yuriihusak1959
@yuriihusak1959 2 жыл бұрын
@@jaymartinez311 don't think so, but there could be another problem with that. I have to check first
@wertin200
@wertin200 Жыл бұрын
Which VS code theme is he using?
@andri_sul
@andri_sul 2 жыл бұрын
How to implements auto-suggest & type safety inside template? Is it a plugin?
@yuriihusak1959
@yuriihusak1959 2 жыл бұрын
The extension which was shown in the video should help. But that is the biggest disadvantage of using Vue. For example React very good at suggesting in the template part , especially if you use TS
@joncobb8533
@joncobb8533 2 жыл бұрын
I like Vue so much better than react! Lol
@sahandsepidar4089
@sahandsepidar4089 2 жыл бұрын
plz learn Vuex based on type script soon
@cindrmon
@cindrmon 2 жыл бұрын
i think you should also learn pinia state management with composition api syntax, my friend
@DodaGarcia
@DodaGarcia Жыл бұрын
"An app you can count on" 😂😂😂
Vue Router 4: Route Params Not Available on Created/Setup
3:41
Vue Mastery
Рет қаралды 12 М.
New component patterns for Vue 3
21:12
Vue Mastery
Рет қаралды 37 М.
Please be kind🙏
00:34
ISSEI / いっせい
Рет қаралды 112 МЛН
1❤️#thankyou #shorts
00:21
あみか部
Рет қаралды 88 МЛН
PINK STEERING STEERING CAR
00:31
Levsob
Рет қаралды 22 МЛН
Learn Pinia in 30 MINUTES! (Vue JS 3)
33:58
Make Apps with Danny
Рет қаралды 114 М.
Learn Typescript with React | Quick Crash Course
16:59
developedbyed
Рет қаралды 89 М.
Vue 3 Script Setup, The Future Of Vue? Tutorial And Setup
25:08
Program With Erik
Рет қаралды 59 М.
TypeScript Tutotial For Beginners
31:42
Tech With Tim
Рет қаралды 24 М.
Understanding Vue 3's "expose"
7:50
Vue Mastery
Рет қаралды 19 М.
Daniel Kelly - TypeScript with Vue.js 3 - Vuejs Amsterdam 2023
20:05
JSWORLD Conference
Рет қаралды 1,6 М.
Vue.js 3 Deep Dive with Evan You
13:46
Vue Mastery
Рет қаралды 58 М.
Vue 3 Script Setup Tutorial - This Changes Everything!
23:40
Make Apps with Danny
Рет қаралды 60 М.
Learn TypeScript Generics In 13 Minutes
12:52
Web Dev Simplified
Рет қаралды 223 М.
How To Unlock Your iphone With Your Voice
0:34
요루퐁 yorupong
Рет қаралды 25 МЛН
Нашел еще 70+ нововведений в iOS 18!
11:04
Main filter..
0:15
CikoYt
Рет қаралды 8 МЛН