双向数据绑定

  • 从页面到数据（页面的值发生改变代码中与之绑定的数据也发生改变）
  • 从数据到页面（代码数据的值发生改变页面与之绑定的值也发生改变）

v-model指令

前面的v-text，v-html指令都是单向的数据绑定，即从数据到页面。通过v-model指令来实现双向数据绑定。

image-20200205163527958

GIF

当输入框改变输入框中的值的时候，发生从页面到数据，改变了msg的值，然后从数据到页面通过插值表达式将msg的值响应给页面，发生了从数据到页面。

image-20200205164314987

MVVM设计思想

  • M(model)
  • V(view)
  • VM(View-Model)

image-20200205170757303