MVC：
Model模型，数据保存 View视图，用户界面 Controller控制器，业务逻辑
通信是单向的
MVP
Model View Presenter 中间商作为与view model传递消息，view和model不通信
MVVM
Vue React 不完全是 MVVM模型，属于其中的视图层，是虚拟DOM Angular/ember 采用MVVM模型
Model View ViewModel
viewmodel和view，model实现双向数据绑定
MPA和SPA
MPA 多页面 整个页面刷新 SPA 单页面 Vue React 页面入口只有一个 页面和路由形成映射关系，页面渲染在路由入口，只切换路由入口的部分
优缺点：
- 单页面应用用户体验更优于多页面应用，但首屏加载慢，但是加载静态公共资源是一次性的
- 多页面应用每次都会加载整个页面，每次都加载所有的资源，用户体验略差
- 开发成本 1）单页面应用开始开发的成本较高，后期维护成本低；根据UI拆分组件，注重组件复用的思想 2）多页面应用前期开发成本低，后期维护成本高
