什么是MVVM?MVVM是Model-View-ViewModel的缩写。
View 层
View 是视图层,也就是用户界面。主要由 HTML 和 CSS 来构建;
Model 层
Model 是指数据模型,指后端进行的各种业务逻辑处理和数据操控,返回的数据;
ViewModel 层
ViewModel层 是业务逻辑层。是由我们前端开发人员构建和维护的视图数据层。通过ajax从服务端获取的 model 数据,通过viewMdoel把model数据生成对应view层;通过在view层里面的操作,viewModel会响应这些操作,可以修改并同步回model数据层;
MVVM优点
主要目的是分离视图(View)和 数据Mode
低耦合:视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变;
可重用性:把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑;
独立开发:开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计;
可测试:界面素来是比较难于测试的,而现在测试可以针对ViewModel来写;