MVVM模式 VS MVP模式

简介: MVP模式使用jquery操作DOM,就是经典的MVP模式:M:数据模型V:视图层P:控制层主要的关注点在P控制层,比如jquery通过响应视图层上用户的点击去请求ajax数据,再渲染更新视图层

MVVM模式 VS MVP模式



20200720103118755.png


MVP模式


使用jquery操作DOM,就是经典的MVP模式:


M:数据模型

V:视图层

P:控制层


主要的关注点在P控制层,比如jquery通过响应视图层上用户的点击去请求ajax数据,再渲染更新视图层


MVVM模式


vue的MVVM模式:


M:数据模型

V:视图成

VM:ViewModel层(vue通过虚拟dom技术、Object,defineProerty架构了这一层)

因为是数据驱动的,主要关注点在数据模型M层,VM层监听到数据的变化,将数据映射到V视图层上。


总结:


MVVM模式大大减少了操作DOM的代码量,让代码更整洁高效


目录
相关文章
|
6月前
|
前端开发 数据安全/隐私保护
什么是mvvm,mvp、mvc和mvvm模式有什么区别?
什么是mvvm,mvp、mvc和mvvm模式有什么区别?
124 0
|
9天前
|
存储 前端开发 测试技术
MVC、MVP、MVVM 模式
MVC、MVP 和 MVVM 是三种常见的软件架构模式,用于分离用户界面和业务逻辑。MVC(Model-View-Controller)通过模型、视图和控制器分离数据、界面和控制逻辑;MVP(Model-View-Presenter)将控制逻辑移到 Presenter 中,减少视图的负担;MVVM(Model-View-ViewModel)通过数据绑定机制进一步解耦视图和模型,提高代码的可维护性和测试性。
|
5月前
|
设计模式 前端开发 JavaScript
简述mvvm模式
简述mvvm模式
|
6月前
|
前端开发 中间件 数据处理
MVVM模式的具体实现
MVVM模式的具体实现
60 0
|
6月前
|
JSON 前端开发 JavaScript
聊一聊MVC模式跟MVVM模式
聊一聊MVC模式跟MVVM模式
|
6月前
|
存储 前端开发 JavaScript
什么是MVVM?MVC、MVP与MVVM模式的区别?
什么是MVVM?MVC、MVP与MVVM模式的区别?
|
6月前
|
存储 开发框架 前端开发
MVVM 模式与 MVC 模式:构建高效应用的选择
MVVM 模式与 MVC 模式:构建高效应用的选择
MVVM 模式与 MVC 模式:构建高效应用的选择
|
前端开发 JavaScript
mvvm模式
mvvm模式
61 0
|
前端开发 JavaScript
MVVM模式
MVVM是一种软件架构模式,它是MVC(Model-View-Controller)的一种变体,常用于构建现代化的Web应用程序。在MVVM中,View、Model和ViewModel之间存在一定的关系
|
前端开发
简单教你写MVVM模式
最最最主要的是,当页面数据变化是,model实体类中的数据会更新,但去更新实体类中的数据时,UI页面也会随着更新,这就是数据的双向绑定的效果,是DataBinding框架的功劳,使用起来也很方便,这也会是mvvm能成功目前主流模式的原因。
224 0