我们先来看一张图

Vue中数据双向绑定的理解

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

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

 

相关文章:

  • 2021-04-08
  • 2022-01-30
  • 2022-12-23
  • 2021-04-22
  • 2021-07-19
  • 2021-10-15
  • 2021-06-25
猜你喜欢
  • 2021-08-22
  • 2022-12-23
  • 2022-12-23
  • 2021-12-12
  • 2021-05-12
  • 2021-06-02
相关资源
相似解决方案