mvvm

m:model

数据层，（js来定义的一些数据，可能是死的数据，也可能是从服务器获取来的数据，当然还有一些更复杂的数据）

v: view

视图层（用来展现给用户看的，dom结构）

vm： view-model

视图模型层（vue实例 ，data-banding，dom-listner）

mvvm原理

data-banding（数据绑定，将model里面的数据绑定到view的dom上）

dom-listner（dom监听，将view里面dom上的事件操作传递给model里然后model里面数据的改变又通过data-binding绑定到view上。）

以此来实现响应式