MVX模式是什么?

简介: MVX模式是什么?

说明

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


介绍

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

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 <-- (DataBinding) --> ViewModel <-----> Model




目录
相关文章
|
2月前
|
设计模式 算法 编译器
【C/C++ PIMPL模式 】 深入探索C++中的PIMPL模式
【C/C++ PIMPL模式 】 深入探索C++中的PIMPL模式
53 0
|
2月前
一般模式
【2月更文挑战第20天】一般模式。
10 1
|
分布式计算 自然语言处理 并行计算
运用Aggregator模式实现MapReduc
运用Aggregator模式实现MapReduc
运用Aggregator模式实现MapReduc
|
C语言
模式
模式
113 0
|
前端开发 JavaScript 编译器
模式二之框架模式
模式二之框架模式
|
并行计算 搜索推荐 算法