Android与Vue架构分析,MVC、MVP、MVVM的演进

  • MVC

   Android与Vue架构分析,MVC、MVP、MVVM的演进_第1张图片

  •  普通Html演示MVC思想,视图-->Controller--->Model











分析:

1.MVC核心就是和视图和数据业务层隔离解除耦合,增强了可维护性,职责分明

2.但是实际过程中控制层和视图层耦合比较重,且需要大量的重新性UI操作代码

3.同时Android中Activity也有类似问题,一方面需要监听视图的变化、一方面网络请求、一方面又要更新UI,十分繁琐

4.MVP思想则是将视图层和model层切断,主要通过在P层抽象化UI操作的方式实现,但是也需要大量的UI和数据组合操作

Android与Vue架构分析,MVC、MVP、MVVM的演进_第2张图片

  • MVVM解决方案

    Android与Vue架构分析,MVC、MVP、MVVM的演进_第3张图片

 普通Html演示MVVM思想












1.MVVM的思想则是自动的将model层的结果映射到view上,不需要频繁直接更新UI,而model层获取view的信息也不需要直接操作UI

2.MVVM核心原理就是双向绑定,其结果可以到达UI层可以自动响应数据的变化,也就是响应式

3.MVVM最大特点就是屏蔽了复杂的频繁操作,再通过一些Diff对比等,减少UI操作,提高性能

4.MVVM因为需要ViewModel层监听数据变化和UI更新,相互映射,也提高了底层的复杂性

参考资料:

  • 深入浅出Object.defineProperty()

  • 浅谈MVC、MVP、MVVM架构模式的区别和联系

你可能感兴趣的:(2021,启航,Web前端设计,vue.js,android)