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


目录
相关文章
|
7月前
|
前端开发 数据安全/隐私保护
什么是mvvm,mvp、mvc和mvvm模式有什么区别?
什么是mvvm,mvp、mvc和mvvm模式有什么区别?
135 0
|
6月前
|
设计模式 前端开发 JavaScript
简述mvvm模式
简述mvvm模式
|
7月前
|
前端开发 中间件 数据处理
MVVM模式的具体实现
MVVM模式的具体实现
69 0
|
7月前
|
存储 前端开发 JavaScript
什么是MVVM?MVC、MVP与MVVM模式的区别?
什么是MVVM?MVC、MVP与MVVM模式的区别?
|
7月前
|
设计模式 前端开发 测试技术
什么是mvvm模式,优点是什么
什么是mvvm模式,优点是什么
198 0
|
前端开发 JavaScript
mvvm模式
mvvm模式
68 0
|
前端开发 JavaScript
MVVM模式
MVVM是一种软件架构模式,它是MVC(Model-View-Controller)的一种变体,常用于构建现代化的Web应用程序。在MVVM中,View、Model和ViewModel之间存在一定的关系
|
前端开发
简单教你写MVVM模式
最最最主要的是,当页面数据变化是,model实体类中的数据会更新,但去更新实体类中的数据时,UI页面也会随着更新,这就是数据的双向绑定的效果,是DataBinding框架的功劳,使用起来也很方便,这也会是mvvm能成功目前主流模式的原因。
230 0
|
前端开发 数据处理
简单教你写MVP模式
V层如果要更新数据,V层会通知P层,P层会去M层获取数据,然后P层再将拿到的数据传给V层,V层进而实现更新。
130 0
|
前端开发 数据可视化 Web App开发
用MVVM模式开发中遇到的零散问题总结(1)
原文:用MVVM模式开发中遇到的零散问题总结(1) 关看这个标题略显业余,其中的任何一个问题都是困扰我几个小时才找到答案的,以供以后温故而知新,希望也能帮助到你 本节碰到的问题如下:    1.ViewModel动态切换内容XAML   2.
988 0