我们先来看一张图

Vue中数据双向绑定的理解

上图中div中的插值表达式和vue对象中的数据是单向绑定关系,也就是只有vue中的属性值发生变化,才会反向的影响div中插值表达式的值,反之,如果修改上图中的div中插值表达式的值,则vue中对应属性值不会变化。

上图中只有使用了v-model作用的标签才会实现数据的双向绑定,v-model这个指令,限制在 <input>、<select><textarea>components 中使用,那么上图的效果就是,当input中的值发生变化后,会影响到vue中的属性值,从而影响到div中的插值表达式的值。

 

相关文章: