vue学习笔记--MVVM

MVVM（Model–view–viewmodel）是一种软件架构模式。

MVVM有助于将图形用户界面的开发与业务逻辑或后端逻辑（数据模型）的开发分离开来，这是通过置标语言或GUI代码实现的。MVVM的视图模型是一个值转换器，[1] 这意味着视图模型负责从模型中暴露（转换）数据对象，以便轻松管理和呈现对象。在这方面，视图模型比视图做得更多，并且处理大部分视图的显示逻辑。[1] 视图模型可以实现中介者模式，组织对视图所支持的用例集的后端逻辑的访问

MVVM模式即：

1、M：Model模型 （对应data中的数据）：数据层。网络数据操作,file文件操作,本地数据库操作；

2、V：View视图（模板）：视图层。布局加载，ui交互。

3、VM：ViewModel视图模型（Vue实例对象），关联层。数据变化自动更新绑定的view,view的操作更新绑定的数据；

 一句话总结：VM层（视图模型层）通过接口从后台M层（Model层）请求数据，VM层继而和V（View层）实现数据的双向绑定。

双向是指ViewModel中的data部分和View之间的双向关系。

正向：数据驱动页面
反向：页面更新数据
绑定是指自动化处理，data改变了view随之改变，反之也是。
比如在js中，不用像传统方式那样，通过onChange事件获取用户输入，然后再通过改变innerHtml修改显示。