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的代码量,让代码更整洁高效


目录
相关文章
|
2月前
|
前端开发 数据安全/隐私保护
什么是mvvm,mvp、mvc和mvvm模式有什么区别?
什么是mvvm,mvp、mvc和mvvm模式有什么区别?
38 0
|
4天前
|
设计模式 前端开发 JavaScript
简述mvvm模式
简述mvvm模式
|
2月前
|
JSON 前端开发 JavaScript
聊一聊MVC模式跟MVVM模式
聊一聊MVC模式跟MVVM模式
|
3月前
|
存储 前端开发 JavaScript
什么是MVVM?MVC、MVP与MVVM模式的区别?
什么是MVVM?MVC、MVP与MVVM模式的区别?
|
4月前
|
存储 开发框架 前端开发
MVVM 模式与 MVC 模式:构建高效应用的选择
MVVM 模式与 MVC 模式:构建高效应用的选择
MVVM 模式与 MVC 模式:构建高效应用的选择
|
5月前
|
设计模式 前端开发 测试技术
什么是mvvm模式,优点是什么
什么是mvvm模式,优点是什么
51 0
|
10月前
|
前端开发 JavaScript
mvvm模式
mvvm模式
39 0
|
10月前
|
前端开发 JavaScript
MVVM模式
MVVM是一种软件架构模式,它是MVC(Model-View-Controller)的一种变体,常用于构建现代化的Web应用程序。在MVVM中,View、Model和ViewModel之间存在一定的关系
|
前端开发
简单教你写MVVM模式
最最最主要的是,当页面数据变化是,model实体类中的数据会更新,但去更新实体类中的数据时,UI页面也会随着更新,这就是数据的双向绑定的效果,是DataBinding框架的功劳,使用起来也很方便,这也会是mvvm能成功目前主流模式的原因。
191 0
|
前端开发 数据处理
简单教你写MVP模式
V层如果要更新数据,V层会通知P层,P层会去M层获取数据,然后P层再将拿到的数据传给V层,V层进而实现更新。
101 0