V-Model in Vue Simplified

Подписаться 45 тыс.

Просмотров 32 тыс.

50% 1

Vue v-model is a directive that provides two-way data binding between an input and form data or between two components.
It’s a simple concept in Vue development, but the true powers of v-model take some time to understand.
By the end of this tutorial, you’ll know all the different use cases for Vue v-model and learn how to use it in your own projects.
//
FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
learnvue.co/vue-3-essentials-...
follow me on twitter:
/ mattmaribojoc
🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - go.learnvue.co/vueschool
INTRO
Daily (Prod. by Lukrembo)

Опубликовано:

31 май 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 25

@JoeGoble 11 месяцев назад

Easily the best Vue channel on RU-vid

@CodeJan 3 года назад

Personally, I very like the way you're explaining things! Covering the regular use cases and then adding more advanced cases. That's awesome! Bottom line - very useful!

@LearnVue 3 года назад

fantastic! thanks so much for watching.

@victoriaa770 3 года назад

This is a really good video!! I love the simple format and how you explain things!! I came across your blog post on v-model and ended up here. Thanks again for making such good content!

@LearnVue 3 года назад

thank you! glad you like it

@alimodz6253 Год назад

This concept was a little confusing but you cleared it up thanks! v-model is powerful

@JaimitoAleman 2 года назад

Great content as usual!!

@adarshsasidharan254 Год назад

Brilliant explanation

@ReSpawNnL 3 года назад

Excellent! I was just looking for more in-depth info on this subject.

@LearnVue 3 года назад

perfect timing! glad it was helpful.

@alighafoori2387 2 года назад

fantastic, very fast. very practical

@LearnVue 2 года назад

thanks ali!

@lighty262 3 года назад

Thanks for this great tutorial, I wonder if there is a way to save the vuex state in the browser and sync that state when you open the app again

@jakubzomerfeld2159 3 года назад

As always the subject of video is interesting and showed from few points of view/use, great work! Thank You :) only wanted to point that it's worth to include in title or description which Vue version support this exact feature. is this working on Vue 2 also?

@LearnVue 3 года назад

Thanks for the words - and that's an excellent point about Vue version. Some of the feature (default names, multiple component v-models) shown in the video only work in Vue 3. Here's a link to the Vue 3 Migration Guide that highlights all the differences: v3.vuejs.org/guide/migration/v-model.html#_2-x-syntax

@MANMEETSINGH1993 2 года назад

Thanks a lot..... but i would like you to explain a little more.on this to make custom components uisng Vue 3

@jouchiwinchester2666 Год назад

I've been working with vue for 2 years and i only know this today . hahaha

@augischadiegils.5109 2 года назад

thanks

@LearnVue 2 года назад

you got it! thanks for watching

@kevinwakhisi7001 Год назад

When adding vmodel. lazy on the child component, doesn't work is there a solution to this?

@imthisham74 2 года назад

How can I connect this app in a website? Please respond

@LearnVue 2 года назад

If you mean how to add Vue to your project, there's some great docs on this (v3.vuejs.org/guide/installation.html), but if you mean how to deploy it on your own site, I've made a video about deploying your Vue app to Github pages! ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-yo2bMGnIKE8.html

@chiennguyen-vc2ob 3 года назад

Is this v-model in vue 3?

@LearnVue 3 года назад

Most of the concepts in this video (basic v-model, component communication using one v-model) work in Vue 2. But features like the (default names of v-model, multiple component v-models) shown in the video only work in Vue 3.