MVX模式是什么？

说明

《权威指南vue.js》学习笔记。

介绍

框架最早出现在Java领域，然后慢慢在前端开发中被提到，后来又出现了，以及现在最成熟的。

MVC

MVC 是应用最广泛的软件架构之一。

一般 MVC 分为：

• Model（模型）
• Controller（控制器）
• View（视图）

基于分成，让彼此职责分开。

1、View 一般都是通过 Controller 来和 Model 进行联系的。

2、Controller 是 Model 和 View 的协调者。

3、View 和 Model不直接联系。

4、基本联系都是单向的。

5、通信方式一：Controller –> Model –> View –> Controller

6、通信方式二：User（用户） –> Controller –> Model –> View

MVP

MVP 是从经典的 MVC 模式演变而来的。

与 MVC 相通之处：

• Controller/Presenter 负责逻辑处理
• Model 提供数据
• View 负责显示

在 MVP 中：

1、Presenter 完全把 View 和 Model 进行了分离。

2、主要的程序逻辑在 Presenter 里实现。

3、Presenter 与 具体的 View 是没有直接关联的。

4、Presenter 与 View 通过定义好的接口进行交互，从而使得在变更 View 的时候可以保持 Presenter 不变。

5、通信方式：View Presenter Model

MVVM

MVVM 只是把 MVC 的 Controller 和 MVP 的 Presenter 改成了 ViewModel，View 的变化会自动更新到 ViewModel，ViewModel 的变化也会自动同步到 View 上显示。

MVVM 代表框架有：Knockout、Ember.js…

1、这种自动同步是因为 ViewModel 中的属性实现了 Observer，当属性变更时都能触发对应的操作

2、用户操作影响：View ViewModel Model