我们先来看一张图
上图中div中的插值表达式和vue对象中的数据是单向绑定关系,也就是只有vue中的属性值发生变化,才会反向的影响div中插值表达式的值,反之,如果修改上图中的div中插值表达式的值,则vue中对应属性值不会变化。
上图中只有使用了v-model作用的标签才会实现数据的双向绑定,v-model这个指令,限制在 <input>、<select>、<textarea>、components 中使用,那么上图的效果就是,当input中的值发生变化后,会影响到vue中的属性值,从而影响到div中的插值表达式的值。