一次带你掌握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中,通过数据驱动视图