如何理解Vue中的MVVM思想

• View层：
  1、视图层；
  2、在我们前端开发中，通常就是DOM层；
  3、主要的作用是给用户展示各种信息。
• Model层：
  1、数据层；
  2、数据可能是我们固定的死数据，更多的是来自我们服务器，从网络上请求下来的数据；
• ViewModel层：
  1、视图模型层；
  2、视图模型层 是View和Model沟通的桥梁；
  3、一方面它实现了Data Binding，也就是数据绑定，将Model的改变实时的反应到View中；
  4、另一方面它实现了DOM Listener，也就是DOM监听，当DOM发生一些事件（点击、滚动、touch等）时，可以监听到，并在需要的情况下改变对应的Data。

举个栗子，一个简单的计数器案例：

计数器中就有严格的MVVM思想：

• View是我们的DOM
• Model是我们抽离出来的obj
• ViewModel是我们创建的Vue对象实例

它们之间是如何工作的呢？

• 首先ViewModel通过Data Binding让obj中的数据实时的在DOM中显示
• 其次ViewModel通过DOM Listener来监听DOM事件，并且通过methods中的操作，来改变obj中的数据。

有了Vue帮助我们完成ViewModel层的任务，在后续的开发，我们就可以专注于数据的处理，以及DOM的编写操作了。