04Vue中的MVVM

118 阅读1分钟

MVVM模型

  1. M:模型(Model) :data中的数据
  1. V:视图(View) :模板代码
  1. VM:视图模型(ViewModel):Vue实例,V与M沟通的桥梁,负责监听M或者V的修改,是实现MVVM双向绑定的要点;

    MVVM支持双向绑定,意思就是当M层数据进行修改时,VM层会监测到变化,并且通知V层进行相应的修改,反之修改V层则会通知M层数据进行修改,以此也实现了视图与模型层的相互解耦

1656294177838.png

观察发现:

1.data中所有的属性,最后都出现在了vm身上。

2.vm身上所有的属性 及 Vue原型上所有属性,在Vue模板中都可以直接使用。