Vue中的MVVM解析

MVVM是一个软件框架模型。有助于把图形用户界面(视图层)与业务逻辑层或后端逻辑(数据层)的开发分离开来。这样对于开发与后期的维护都有非常大的帮助。

图:

图片解释:

View: 视图层

作用: 给用户展现各种信息

Model: 数据层

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

ViewModel: 视图数据层(Vue也就相当于一个转换器)

作用: 是View和Model沟通的桥梁。

一方面实现了Dom Bindings(数据绑定)，将Model的改变实时的反应到View中。

另一方面实现了Dom listeners (Dom监听)，当Dom发生一些事件(点击、滚动、touch等)是，可以监听到，并在需要的情况下改变对应的data(数据)。

以上是我对MVVM的一些理解，大家可以互相学一下。