undefined | Better HN

0 pointsfbonetti8y ago0 comments

v-model is a two-way binding. In other words, you don’t have to write a setter function for every piece of state - you can hook up a state field directly to a text input, for example.

React doesn’t allow two-way binding, or at least heavily discourages it. The downside of two-way bindings is that they can make it hard to track and understand state changes. The upside is that they drastically cut down on boilerplate for things like forms.

0 comments

9 comments · 5 top-level

FlorianRappl8y ago· 3 in thread

Personally, I think one of the best things of React is that it left out two-way binding on purpose. I agree, that sometimes people write a lot of boilerplate therefore, but at least it can be understood (and modified) easily. Advanced people write nice re-usable functions with the same effect, but less boilerplate.

ohceecho8y ago

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.

fbonettiOP8y ago

How is that not two-way binding? The Vue documentation even calls it two-way binding:

“You can use the v-model directive to create two-way data bindings on form input and textarea elements.”

https://vuejs.org/v2/guide/forms.html

1 more reply

lima8y ago

Two way binding is fine inside a component.

s4vi0r8y ago· 1 in thread

Doesn't redux handle that?

mercer8y ago

Vue 'takes care' of a lot of stuff that you have to do manually in Redux, for both better and worse.

manigandham8y ago

It’s not 2-way binding, it’s just a shortcut where Vue will generate the 1-way state functions for you to make development faster.

Too8y ago

Computed properties in vue avoids some of the $watch-spaghetti and excessive state you can get when misusing two way binding. See https://vuejs.org/v2/guide/computed.html#Computed-vs-Watched... and Computed setters

jbergens8y ago

Have you tried mobx with react? For me it looks like a good solution without much boilerplate. Also, for simple forms you can just store state as component state and then passit along at submit.

j / k navigate · click thread line to collapse