Vue学习总结（三）——Vue的MVVM

1、什么是MVVM呢？

MVVM是Model VueModel（桥梁） View

详细可以参考维基百科的解释： https://zh.wikipedia.org/wiki/MVVM

2、Vue的MVVM

（1）View层：

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

（2）Model层

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

（3）VueModel层

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