MVC 和 MVVM 的区别

MVC 框架

MVC 全名：Model View Controller

MVC 框架是一种软件设计的典范，用 一种业务逻辑、数据、界面显示分离的方法组织代码。

在改进用户交互的同时，不需要重新编写业务逻辑。

• Model（模型）：数据（数据库）
• View（视图）：显示（HTML 页面）
• Controller（控制）：处理（业务逻辑）

---

MVVM 框架

MVVM 全名：Model View ViewModel

MVVM 本质上就是 MVC 的改进版

• Model（模型）：数据
• View（视图）：显示
• ViewModel（视图模型）：视图模型中绑定器在视图和数据之间通信
• MVVM 有双向数据绑定

---

MVC 和 MVVM 之间的区别

MVC 和 MVVM 二者都是同一种设计思想：用 一种业务逻辑、数据、界面显示分离的方法组织代码

MVC：中 Model 和 View 是可以直接交互的，造成二者之间耦合度高

MVVM：中 Model 和 View 不可以直接交互，而是通过 ViewModel 来交互

MVVM：主要解决了 MVC 中大量 DOM 操作使页面渲染性能低，加载速度变慢，影响用户体验

---