MVC
M(Model):模型层。用于处理应用程序数据逻辑的部分,模型对象负责在数据库中存取数据;
V(View):视图层。用于处理数据显示的部分,视图是依据模型数据创建的;
C(Controller):控制层。用于处理用户交互的部分,控制器接受用户的输入并调用模型和视图去完成用户的需求,控制器本身不输出任何东西和做任何处理,它只是接收请求并决定调用哪个模型构件去处理请求,然后再确定用哪个视图来显示返回的数据。
MVVM
Vue框架中MVVM的M是后端的数据,V是节点树,VM是new Vue({})实例对象
M(Model):模型层。是业务逻辑相关的数据对象,通常从数据库映射而来。
V(View):视图层。是展现出来的用户界面。
VM(ViewModel):视图模型层。连接view和model的桥梁。因为,Model层中的数据往往是不能直接跟View中的控件一一对应上的,所以,需要再定义一个数据对象专门对应view上的控件。而ViewModel的职责就是把model对象封装成可以显示和接受输入的界面数据对象。
View与ViewModel之间通过数据双向绑定建立联系,这样当View变化时,会自动更新到ViewModel,反之亦然。
MVVM的优势
1、MVC和MVVM都是一种设计思想。 主要是MVC中Controller演变成MVVM中的viewModel。 MVVM主要解决了MVC中操作大量的DOM而使页面性能降低、页面加载速度变慢的问题 。
2、MVVM与MVC最大的区别是:它实现了View和Model的自动同步,当Model的属性改变时,再也不用手动操作DOM元素来改变View的显示,它会自动变化。
3、整体看来,MVVM比MVC精简很多,不用再用选择器频繁地操作DOM。
MVVM并不是用VM完全取代了C,ViewModel存在的目的在于抽离Controller中展示的业务逻辑,而不是替代Controller,其它视图操作业务等还是应该放在Controller中实现。