瞬间秒懂MVC,MVP,MVVM的区别
日期:2019-06-14
来源:程序思维浏览:2774次
说实在的,我不觉得MVC,MVP,MVVM这些框架有什么难的,直到我想写一篇文章去系统的阐述它们。我遇到了以下几个问题:
1.不同的文章说的南辕北辙
2.没有一个清晰的大纲和框架分类。
所以我查了很多的材料,希望能从自己的角度上用通俗的语言阐述前端框架的演变。
MVC(Model View Controller):
1、视图(View):用户界面。
2、控制器(Controller):业务逻辑
3、模型(Model):数据保存
MVC特点:
1、用户可以向 View 发送指令(DOM 事件),再由 View 直接要求 Model 改变状态。
2、用户也可以直接向 Controller 发送指令,再由 Controller 发送给 View。
3.、Controller 非常薄,只起到路由的作用,而 View 非常厚,业务逻辑都部署在 View。
MVP(Model-View-Presenter):
MVP 模式将 Controller 改名为 Presenter,同时改变了通信方向。
MVP特点:
1、各部分之间的通信,都是双向的。
2、View 与 Model 不发生联系,都通过 Presenter 传递。
3、 View 非常薄,不部署任何业务逻辑,称为"被动视图"(Passive View),即没有任何主动性,而 Presenter非常厚,所有逻辑都部署在那里。
MVVM(Model-View-ViewModel):
MVVM模式将 Presenter 改名为 ViewModel,基本上与 MVP 模式完全一致。
MVVM特点:
唯一的区别是,它采用双向绑定(data-binding):View的变动,自动反映在 ViewModel,反之亦然。VUE采用这种模式。
1.不同的文章说的南辕北辙
2.没有一个清晰的大纲和框架分类。
所以我查了很多的材料,希望能从自己的角度上用通俗的语言阐述前端框架的演变。
MVC(Model View Controller):
1、视图(View):用户界面。
2、控制器(Controller):业务逻辑
3、模型(Model):数据保存
MVC特点:
1、用户可以向 View 发送指令(DOM 事件),再由 View 直接要求 Model 改变状态。
2、用户也可以直接向 Controller 发送指令,再由 Controller 发送给 View。
3.、Controller 非常薄,只起到路由的作用,而 View 非常厚,业务逻辑都部署在 View。
MVP(Model-View-Presenter):
MVP 模式将 Controller 改名为 Presenter,同时改变了通信方向。
MVP特点:
1、各部分之间的通信,都是双向的。
2、View 与 Model 不发生联系,都通过 Presenter 传递。
3、 View 非常薄,不部署任何业务逻辑,称为"被动视图"(Passive View),即没有任何主动性,而 Presenter非常厚,所有逻辑都部署在那里。
MVVM(Model-View-ViewModel):
MVVM模式将 Presenter 改名为 ViewModel,基本上与 MVP 模式完全一致。
MVVM特点:
唯一的区别是,它采用双向绑定(data-binding):View的变动,自动反映在 ViewModel,反之亦然。VUE采用这种模式。
精品好课