美文网首页
浅谈理解MVVM

浅谈理解MVVM

作者: 贝灬小晖 | 来源:发表于2020-07-29 14:30 被阅读0次

什么是MVVM?MVVM是Model-View-ViewModel的缩写。

MVVM最早由微软提出来,它借鉴了桌面应用程序的MVC思想,在前端页面中,把Model用纯JavaScript对象表示,View负责显示,两者做到了最大限度的分离。
把Model和View关联起来的就是ViewModel。ViewModel负责把Model的数据同步到View显示出来,还负责把View的修改同步回Model。

1.比较

jQuery 修改DOM

image.png

MVVM

image.png
https://www.liaoxuefeng.com/wiki/1022910821149312/1108898947791072

这就是MVVM的设计思想:关注Model的变化,让MVVM框架去自动更新DOM的状态,从而把开发者从操作DOM的繁琐步骤中解脱出来!

2.小结
iOS 方面有个简单的MVVM的实现
https://www.jianshu.com/p/55c4920cd106

ps:看了一遍 最后觉得 因人而异 我个人觉得 iOS 这么写太麻烦了 但是 在vue中 MVVM 只关注了数据的变化,不用在刻意为dom 元素操作 真的很方便

相关文章

网友评论

      本文标题:浅谈理解MVVM

      本文链接:https://www.haomeiwen.com/subject/syhhrktx.html