MVC、MVP、MVVM概念解析

详细请看阮一峰网站

1.MVC 

Model(数据) - View(视图) - Controller(业务逻辑)

通信方式:单向

交互方式两种,如下

应用:(BackBone)不完全和设计模式一致

MVC、MVP、MVVM概念解析_第1张图片

 

2.MVP

Model(数据) - View(视图) - Presenter(业务逻辑)

通信方式: 双向

交互: View,Model完全分离

应用: Android应用开发

MVC、MVP、MVVM概念解析_第2张图片

 

3.MVVM

Model(数据) - View(视图) - ViewModel(业务逻辑)

基本等同于MVP,但是有双向绑定。

通过修改model改变view,不直接操作DOM

应用: angularJS, VueJS

MVC、MVP、MVVM概念解析_第3张图片

 

你可能感兴趣的:(MVC、MVP、MVVM概念解析)