MVVM模式 VS MVP模式

小菜101

于 2020-07-20 10:32:06 发布

阅读量229

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue mvvm mvp mvvm模式 MVP模式

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/github_36091081/article/details/107458160

vue 专栏收录该内容

13 篇文章

订阅专栏

本文对比分析了MVVM模式与MVP模式在前端开发中的应用，详细解释了两种模式下各组件的作用及其实现原理。MVVM模式通过数据驱动的方式减少DOM操作，使代码更加高效整洁。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

MVVM模式 VS MVP模式

在这里插入图片描述

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

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。