Reusable Form Components with Vue 3

Lesson Resources:

Jump to:
0:00 Course Overview
2:29 Our Demo Form
3:44 The BaseInput
6:45 v-model: Binding to the value
7:55 v-model: Emitting the update:modelValue event
11:56 Assigning the $attrs to the input
13:34 Wrapping up

[EduardoSerena]

I love that you speak very clearly so i can understand everything you say in the right way!!! (i speak spanish xD)

[IamPali]

This is amazing. I think Vue will soon become the most popular framework :)

[codewithfongoh]

Thank this just saved me thousands of lines.

[lorenzneumann]

Exactly what I was looking for <3
Super well explained & I love the magic that Vue is doing here :)

[zaviusfirerave]

What's a good way to generate a dynamic id for the input tag so that the label can have a for attribute too?

[KadduLivingstone]

This is a clear explanation thanks so much

[sahanabellad]

Thank you for this awesome tutorial. Can you please tell me how to apply the same concept for drop-down list in the form?

[SethSetiadha]

would you please make video for more advance form and recommended component/plugin, let's say like datepicker, autocomplete dropdown both single and multiple selectable values, file upload, etc...and same example might need back-end, but i think it would be great video

[okanyldrmop]

Which theme is used in editor? Btw, thank you for this video.

[tianqing]

I'm curious what software do you use to animate things in your videos?

[theafricanpostpost]

How do create a Reusable Form Components with Vue 3 for textarea

[kamertonaudiophileplayer]

A reusabilty is an amazing feature of Vue. I think you are near to switch to low code technology, when you do not need to code at all, you can just tell - I want a drop down form element with: label, list of items and so on. It will be extra cool.

[CarlosWolfram]

Creas un componente reutilizable para el proyecto.
... Nadie lo usa y terminan haciendo desde cero lo mismo que hace el componente >:u

[joshgladstone]

why do you use $emit.target.value instead of just the modelValue prop you set up bound to :value?