Vue 3 V-Model Simplified

[@mojciech]

I finally fully understood. Good job, thanks!

[@dimitriskourg]

Thank you so much! Just when I wanted this video! I just subbed to you! You are a lifesaver!

[@JohnKomarnicki]

Glad to hear!

[@Sean-dj5rl]

This video could be redone with the new define model and simplify it even more! Good work

[@nouchance]

Amazing SIR!

[@SimonKlimekNetwork]

Now in Vue 3.3 there is available experimental feature which a cool shortcut for computed getter and setter, instead of use: const modelValue = defineModel() and use it in your v-model inside the component template

[@JohnKomarnicki]

Yes, I created a video on this a few days ago.
th-cam.com/video/-v-NWHH32dw/w-d-xo.html

[@monarchgam3r]

DefineModel is now my preferred way to use v model in components

[@JohnKomarnicki]

Yeah, I made this video right before I covered the new defineModel macro

[@Umar-fm3vs]

What if the modelValue is an object? And we bind the modelValue key with the input field .
I tried this and it appears that the setter function is not triggered.

[@SimonKlimekNetwork]

const modelValue = defineModel()
console.log(modelValue.value)

[@yoyomoyo-co6vl]

is your course fully composition api and script setup? if not can you make one?

[@JohnKomarnicki]

I have a crash course, which uses that.

[@yoyomoyo-co6vl]

@@JohnKomarnicki thanks for your reply. for an aspiring developer, would you suggest learning react or vue? can you make an honest video if you don't want to reply right away?