React Flux架构和MVC架构的区别 – ReactJS实战教程 reactflux和mvc的区别|React

上一章ReactJS实战教程请查看：React Flux架构基本概念解析
MVCMVC代表模型-视图-控制器。它是一种用于开发用户界面的体系结构模式。它将应用程序分为三个不同的逻辑组件：模型、视图和控制器，它于1976年在Smalltalk编程语言中首次引入。在MVC中，每个组件都是为了处理应用程序的特定开发方面而构建的。它是用于创建可伸缩项目的最常用web开发框架之一。
MVC架构【React Flux架构和MVC架构的区别 – ReactJS实战教程】MVC架构包含三个组件。这些都是:

模型Model：它负责维护应用程序的行为和数据。
视图View：用于在用户界面中显示模型。
控制器Controller：它充当模型和视图组件之间的接口。它接受用户输入、操作数据(模型)并导致视图更新。

文章图片
Flux根据官方网站，Flux是Facebook用来构建客户端web应用程序的应用架构。它是MVC架构和其他软件设计模式的替代，用于管理react应用程序中的数据流。它是所有React应用程序的主干。它既不是一个库，也不是一个框架。它补充了React 作为View，并遵循了单向数据流模型的概念。
Flux架构在数据处理方面有三个主要的角色:

调度程序dispatcher
商店stores
视图(react组件）

文章图片
MVC架构 VS Flux架构

编号	MVC	FLUX
1.	它是在1976年推出的。	它是几年前才引进的。
2.	它支持双向数据流模型。	它支持单向数据流模型。
3.	在这种情况下，数据绑定是关键。	在这里，事件或动作是关键。
4.	它是同步的。	它是异步的。
5.	这里控制器处理一切(逻辑)。	这里存储处理所有逻辑。
6.	它很难调试。	它很容易调试，因为它有公共的初始点:Dispatcher。
7.	随着项目规模的增加，这一点很难理解。	这很容易理解。
8.	随着项目范围的扩大，其可维护性变得非常困难。	它的可维护性很容易，并且减少了运行时错误。
9.	应用程序的测试是困难的。	应用程序的测试很容易。
10.	可伸缩性是复杂的。	它可以很容易地扩展。