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。