一次带你掌握MVC和MVVM的区别
MVVM和MVC的区别是
MVC
:传统的设计模式
MVC: MVC即model-view-controller(模型-视图-控制器)是项目的一种分层架构思想,它把复杂的业
务逻辑,抽离为职能单一的小模块,每个模块看似相互独立,其实又各自有相互依赖关系。它的好处
是:保证了模块的智能单一性,方便程序的开发、维护、耦合度低。
- 设计模式:一套广泛被使用的开发方式
- M :
model模型
:就是数据的意思 - V :
view视图
:就是页面的意思 - C :
controller
控制器 : 这里写js业务逻辑,把数据M渲染到视图V
MVVM
:vue所使用的设计模式
设计模式: 是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结。(代码分层, 架构设计)
在vue中,当数据发生变化是,页面自动更新
当页面数据发生变化时,model的数据也发生变化
实现了view和model双向绑定
- MVVM,一种软件架构模式,决定了写代码的思想和层次
- M: model数据模型 (data里定义)
- V: view视图 (页面标签)
- VM: ViewModel视图模型 (vue.js源码)
- MVVM通过
数据双向绑定
让数据自动地双向同步 不再需要操作DOM- V (修改视图) -> M(数据自动同步)
- M(修改数据) -> V (视图自动同步)
1.在vue中,不推荐手动操作dom
2.在vue中,通过数据驱动视图