v-model in Vue is not exactly two-way binding. It is just syntax sugar for passing the value as a prop and setting an event handler for the “input” event. It looks like two-way binding but has none of the gotchas.
I agree with you point btw.
I agree with you point btw.
“You can use the v-model directive to create two-way data bindings on form input and textarea elements.”
`v-model` is just a syntax sugar to save you from typing `v-bind:value="val" v-on:input="val = $event.target.value"` over and over. Nothing more than that.
1) You can still use v-model with Vuex: https://vuex.vuejs.org/en/forms.html
2) You can easily distribute custom components that provide `v-model` to users
3) You can dynamically accept 3rd party components that implement `v-model`. E.g., I have a component that incorporates standard form fields, but can also be used with any custom components that properly implement `v-model`.[1]
[1] - Vue Query Builder (https://dabernathy89.github.io/vue-query-builder/) - try adding a 'Range' rule to see this in action