MVC
驱动分离被 MVC 分离成三部分,跟我们普通 M V 的逻辑混合在一起

MVVM
驱动 VM 是 ViewModel
M Model 数据保存和处理的层
V 视图

小实现

  1. 各部分之间的通信,都是双向的。
  2. View 与 Model 不发生联系,都通过 Presenter 传递。
  3. View 非常薄,不部署任何业务逻辑,称为”被动视图”(Passive View),即没有任何主动性,而 ViewModel非常厚,所有逻辑都部署在那里。
  4. 它采用双向绑定(data-binding):View的变动,自动反映在 ViewModel,反之亦然。

states 数据与 methods 操作数据的逻辑在 M 层,template 在 V 层,完全地把两层隔离。所有的 mthods 中的操作都是通过 VM 来做,所有视图的变更也是由 VM来做

Vue 的 MVVM

在 Vue 中提供 ref ,可以直接访问到真实节点,然后进行操作。这不符合 MVVM 的要求,MVVM 是要彻底分离 View 和 Model。

MVVM 不是一个设计模式,是一个设计思想与方案(从架框设计中)