Vue is shipped with two ways of storing variables. One way is to use props, and the other way is to use data. Both of them can be defined on the Vu...
For further actions, you may consider blocking this person and/or reporting abuse
Wow, Thank You For Such Explanations.
I Like The Way You Made The Differences For Both data, props.
Thank you, I appreciate it.
is it possible to do a two way binding by using v-model to get dynamic props values?
I mostly do that for data.
If I understand the question correctly, I think that this should not be done in the first place.
Two way binding is exactly what its name says. A binding that goes in two directions. A property value comes from the parent data, so if you bind to it, since it is a two way binding, while changing the bound input value you are actually trying to mutate the parent data variable which, as said in this post is done with events ($emit option).
You are able to do this for data variables because, I assume, you have the data object defined on the component as a local state.
yeah you assumed correctly
Yo Jonathan, v-modal is indeed used for two way binding, just not between parent-child components. You would use v-model to bind a components data to form inputs within the components
if you read the style guide of vue js is not recommended to define props type like this, it's better to do it like this for example:
props: {
propName: {
type: Object,
required: true,
},
propName: {
type: String,
required: true,
},
}
Nice Publication ever, make me join the community so i can thank you
No problem, glad it helped you
An eye opener, Thanks a ton on explaining the subtle differences between data and props 🙌
It has to be misleading, having two things but doing actually one thing, I like polymer project approach which data & prop are one, but you can specify it by a property.
Thanks for the break down, it's an eye opener for me, learnt some vital lessons.
No problem, glad I could help