MVVM模式 VS MVP模式

MVVM模式 VS MVP模式

MVVM模式 VS MVP模式

MVP模式

使用jquery操作DOM,就是经典的MVP模式:
M:数据模型
V:视图层
P:控制层
主要的关注点在P控制层,比如jquery通过响应视图层上用户的点击去请求ajax数据,再渲染更新视图层

MVVM模式

vue的MVVM模式:
M:数据模型
V:视图成
VM:ViewModel层(vue通过虚拟dom技术、Object,defineProerty架构了这一层)
因为是数据驱动的,主要关注点在数据模型M层,VM层监听到数据的变化,将数据映射到V视图层上。

总结:

MVVM模式大大减少了操作DOM的代码量,让代码更整洁高效