前端的MVC模式与MAVVM模式

首先MVC和MVVM相当于两种架构思想,他们两个有共同之处,但MVVM模式相当于MVC的Plus版。
(1)MVC模式
M:model:数据层 相当于前后端用于交互的数据
V:view:视图层 相当于我们要通过浏览器将数据展示到客户的视图
C:controller层 用于调控view和model之间的数据更新问题
举个例子:model相当于公司里的各种数据文件,而view相当于客户,controller则是相当于老板,老板负责将数据展示给客户,用于说服客户购买他家的各种产品。

(2)MVVM模式
M:model:数据层 相当于前后端用于交互的数据
V:view:视图层 相当于我们要通过浏览器将数据展示到客户的视图
VM:viewmodel 视图数据层 相当于前端对后端传过来的数据进行二次封装,实现model和view的双向绑定,实现了复杂的数据状态实时更新!
举个例子:model相当于公司里的各种数据文件,而view相当于客户,而viewmodel相当于老板雇佣的秘书,而且特别熟悉公司的各种业务,比如客户想要***资料,而是由秘书来找数据,简化了老板的工作量,但是controller层(老板)依旧存在!!!!

区别:因为在mvc模式下,view和model数据不一致问题会造成页面渲染效率过低,因为一旦客户提出各种请求,造成大量的dom操作,页面的渲染率降低,影响用户的体验,而且要实时更新view和model的数据一致性,这样的工作太繁琐了!所以老板急了,花重金请了一个秘书,他能够自动实现view的model的同步工作,所以这个秘书相当于VM。注意这只是一种架构思想,可以在编程中慢慢感受!!!!
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值