Vue——MVVM——2020.11.13

（一）模型图

（二）View层

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

（三）Model层

• 数据层
• 数据可能使我们固定的死数据，更多的事来自我们服务器，从网络上请求下来的数据
• 在计数器案例中，就是后面抽取出来的obj，当然，里面的数据可能没有这么简单

（四）VueModel层

• 视图模型层
• 视图模型层是view和Model沟通的桥梁
• 一方面它实现Data Binding，也就是数据绑定，将Model的改变实时的反应到View中
• 另一方面它实现了DOM Listener，也就是DOM监听，当DOM发生一些事件（点击，滚动，touch等）时，可以监听到，并在需要的情况下改变对应的Data

（五）计数器的MVVM

（六）计数器案例传送门

• 计数器案例