A Better Way To Create Vue Components With Props Using TypeScript

Published: 20 February 2024
on channel: Program With Erik
11,136
380

The defineProps in Vue can be used in a few ways using TypeScript. In this video I discuss 2 different ways of using props and what I think is best using Zod.

👉 Check out my last video on Styling with Tailwind
   • Style Your App With Tailwind CSS In 1...  

👉Sign up for my mailing list and get neat stuff!
https://bit.ly/3Umk7sW

👉 Need some help with a project, level up your skills, React, Next, Vue, or Nuxt? Check out my 1-on-1 mentoring!
https://mentors.to/erik

Links:
https://zod.dev/?id=installation
https://blog.vuejs.org/posts/vue-3-3#...

0:00 defineProps problem
0:36 inherit props explained and $attrs
02:00 using defineProps
03:30 adding validations
04:25 using defineProps with TS
06:23 adding in default values with destructuring
08:10 adding in validation with Zod


Watch video A Better Way To Create Vue Components With Props Using TypeScript online without registration, duration hours minute second in high quality. This video was added by user Program With Erik 20 February 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 11,136 once and liked it 380 people.