2 Vue中的MVVM

View层

1.视图层
2.前端开发中，通常就是DOM层
3.主要作用给用户展示各种信息

Model层

1.数据层
2.数据可能是我们固定的死数据，更多来自我们的服务器，从网络请求下来的数据

ViewModel层

1.视图模型层
2.一方面它实现了数据绑定，将Modle的改变实时反应到View中
3.另一方面它实现了DOM监听，当DOM发生一些事件（点击、滚动、touch等）时，可以监听到，并在需要的情况下改变对应的Data
4.Vue对象就充当一个ViewModel，Vue将视图和数据关联起来

MVVM由MVC演化而来，数据（Model）不需要开发人员手动绑定到控制器（controller）中，MVVM模式已经帮助我们实现了绑定，模型和视图数据域实现了自动映射

案例：