MVC: 简单直观，但控制器容易变得复杂和难以维护。

MVVM: 更好地分离视图和业务逻辑，通过数据绑定简化视图更新和状态管理，更易于测试。适用于复杂的应用程序开发，尤其是有大量UI交互的移动应用。

MVC

MVC是一种架构思想，全称Model-View-Controller，即模型-视图-控制器，MVC是后端的开发思想，将数据从后端经过控制器层转向前端视图展示。

  • View：视图层 ui界面

  • Model：模型 数据

  • Controller：控制器 接受并处理用户请求通知Model改变，并将Model返回给 View

MVVM

MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。

Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM 中的 VM，也就是 ViewModel。ViewModel负责连接 View 和 Model，保证视图和数据的一致性，这种轻量级的架构让前端开发更加高效、便捷。

  • Model：数据模型，存放用于展示的数据，有的数据是写死的，大多数是从后端返回的数据

  • View：视图，用于界面，在前端我们可以理解为Dom操作

  • ViewModel：视图模型，可实现数据的双向绑定，连接View和Model的桥梁，当数据变化时，ViewModel够监听到数据的变化（通过Data Bindings），自动更新视图，而当用户操作视图，ViewModel也能监听到视图的变化（通过DOM Listeners），然后通知数据做改动，这就实现了数据的双向绑定

MVC与MVVM的区别

（1）都是一种设计思想；

（2）MVC后端用的多，而MVVM是前端设计思想；

（3）MVC是单向通信，数据模型必须通过Controller层进行承上启下。MVVM是将View和Model实现自动同步，当Model属性改变时，不用再自己手动操作Dom元素，提高页面渲染性能。