Vue中的MVVM

M：Model

• 数据层
• 数据可能是我们写死的数据，更多是从服务器来的数据，从网络请求来的数据
• 在计数器例子中，是我们new Vue实例（而不是具体的data），整个实例对象都是数据

V：View

• 视图层
• 在前端开发中，通常是DOM层
• 主要用途就是给用户展示各种信息

VM：ViewModel

• 视图模型层
• 视图模型层是View和Model之间的桥梁，主要做两件事情：

1. Data Bindings 数据绑定，将Model中的数据的改变实时反映到View中
   

2. DOM listener DOM监听，当DOM中发生的一些事件（点击，滚动，touch等），可以监听到，并在对应的事件调用方法中改变Model中数据
   

备注

开发的时候，什么时候叫方法，什么时候叫函数？ 方法：method 函数：function 方法一般和实例对象挂钩，是一个class类下的方法属性。vue中的method是Vue实例下的方法属性