MVVM设计模式

MVVM设计模式

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，其中ViewModel将视图 UI 和业务逻辑分开，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。

MVVM设计模式，一种软件架构模式，决定了写代码的方式

• M： model数据模型（数据）
• V： view视图 （页面）
• VM：ViewModel 视图模型 （负责把M同步到V中显示出来，也负责把V的修改同步到M上）

---

MVVM通过数据双向绑定让数据自动的双向同步

当我们修改视图（V）的时候，数据（M）会自动同步

当我们修改数据（M）的时候，视图（V）会自动同步

---

MVVM核心思想：是关注数据的变化，让MVVM框架利用自己的机制自动更新DOM，也就是所谓的数据-视图分离，数据不会影响视图。（不用再手动操作DOM）

---

MVVM模式和MVC模式一样，主要目的是分离 视图（View）和模型（Model），有几大优点：

1. 低耦合。视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。

2. 可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑。

3. 独立开发。开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计。

4. 可测试。界面素来是比较难于测试的，测试可以针对ViewModel来写。