MVVM模型:
M(model) : 模型
对应data中的数据 ,用于封装和应用程序的业务逻辑相关的数据以及对数据的处理方法。
我们可以粗劣的理解为数据
V(View) :视图 (模板)
主要负责数据的展示。我们也可以理解为DOM。
VM(ViewModel): 视图模型 ( Vue实例对象)
ViewModell层主要负责连接view层和model层,进行数据与DOM 的绑定。
当Model发生变化,ViewModel就会自动更新,ViewModel变化,Model也会更新。
观察发现:
1.data中的所有属性,最后都出现在了vm身上
2.vm身上所有的属性及Vue原型上的所有属性,在Vue模板中都可以直接使用