MVVM框架理解

了解这个模型之前就先来看看 MVC 框架

MVVM框架理解_第1张图片
MVC

MVC将前端页面划分为View(视图)、Controller(控制器)、Model(模型),视图发生变化,是通过Controller将响应传输到Model,再由Model去改变View上面的数据。

MVC将业务逻辑放在了Model、将页面渲染放在了View,存在的问题:它允许了View和Model之间直接进行了通信。违背了“开放封闭原则”。

这个时候MVVM框架来了。

MVVM框架理解_第2张图片
MVVM

两者的主要区别:

  1. MVVM实现了视图与数据的分离
  2. 通过数据驱动视图,实现了View和Model的自动同步,开发者只需要操作数据变化,DOM操作被封装了,不用在自己动手操作DOM。

你可能感兴趣的:(MVVM框架理解)