Reusable Form Input Components With Vue 3

This video covers how to create reusable form input components using vue 3.
-----------------------------------------------------------------------------------------------------
Join my channel to support me to continue doing what I love!
-----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Timestamps:
0:00 Introduction
-------------------------------------------------------------------------------------------------------
#vue #vue3 #components
Current Subscribers: 8,467

[martinpenev]

This video just cleared a confusion I had for quite some time! Thx for the superb explanation 👏🏻

[kookoo]

very good useful tutorial, about a very specific thing.

[hafizjavaid]

Really helpful as always. Please create the fully functional project using vue 3 set-up api, vuex / pinia and typescript

[_the_one_]

Pro tip: if you use `type: [Boolean, String]` for the label prop you don't need to specify `default: false` because that would be set by default

[owhut]

Great content, hope to see a nuxt 3 tutorial soon

[Al-Misanthropic-Bundy]

These damn bots commenting on every video now.

Thanks a lot for the video! I love Vue3 and you always slow us nice and easy stuff about it!

[ReturnMeVoid]

what about passing v-model.lazy.number???

[tanzimibthesam]

What to do if i want to make whole form resuable?

[Ikkin]

Hello is this also applicable for ionic vue project? Thank you

[CsabaKissColorado]

You could make it even simpler by using the useVModel function from the VueUse library

[NeGovoriNet]

Thank you. Will you tell us about how to validate these components?

[DanielTames]

Thanks for the video John!
I have a question, the $attrs key binded can be used for any other html tag? Is there another using for this key?

[dimjohn]

when i import the Modal to my parent component, the child component is shown in the script (Modal gets green) and not in the template (Modal is shown as plain text <<bluish>> ). As a result i cant reuse the child component.
Can someone help me plz

[manjirisonar]

Thanks for this tutorial. Its helpful but Getting following error. Can you please help me here? =>

14:3 error 'defineProps' is not defined no-undef
✖ 1 problem (1 error, 0 warnings)

[karthikm.]

Tutorial on Product feedback app with vue

[ravibhati]

Would be great if you can share, how the same BaseInput can be used with other types like (number, email, password, etc)

[guillermomazzari]

Great vid, but it be way better using pinia, just a comment