系统分析与设计lesson13

描述软件架构与框架之间的区别与联系
软件架构是一个系统的草图。程序或计算系统的软件架构是该系统的结构，包括软件组件、那些组件的外部可见的属性，以及那些组件之间的关系。
软件框架其实就是将代码放到一个我们看不到的容器中，作为一个工具，当我们使用的时候直接调用。
我认为软件架构是抽象的部分，而软件框架则是较为实际的需要我们操作使用的部分。例如盖房子，软件架构相当于房子的结构设计，而框架是可以使用的盖房子的工具，我们需要选用合适的框架去进行盖房子的具体操作。

以你的项目为案例
绘制三层架构模型图，细致到分区

结合你程序的结构，从程序员角度说明三层架构给开发者带来的便利
三层架构很适合多人开发，将整个业务划分为表示层、业务逻辑层和数据访问层，开发人员只需要关注负责的某一层，不需要太多人对系统有全面的了解，每个人负责一部分，协同工作，效率也会提高；三层架构也便于对某一层进行修改，因为层与层之间互相关联程度并不高，修改某一层时，其他层不需要变动太多。

研究 VUE 与 Flux 状态管理的异同
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。其实Vuex就是把需要共享的变量全部存储在一个对象里面，然后将这个对象放在顶层组件中供其他组件使用。
vuex 包含有五个基本的对象：state，存储状态，也就是变量；getters，派生状态。也就是set、get中的get，有两个可选参数：state、getters分别可以获取state中的变量和其他的getters。mutations，提交状态修改。也就是set、get中的set，这是vuex中唯一修改state的方式，但不支持异步操作。actions，和mutations类似，不过actions支持异步操作。modules ，store的子模块，内容就相当于是store的一个实例。

Flux是由Facebook提出的，用于组织应用的一种架构，它基于一个简单的原则：数据在应用中单向流动。它分为四层：view 视图层，action层，dispatcher派发层，store仓库层。

Flux数据流的顺序是:
View发起Action -> Action传递到Dispatcher -> Dispatcher将通知Store -> Store的状态改变通知View进行改变
Vuex数据流的顺序是:
View调用store.commit提交对应的请求到Store中对应的mutation函数->store改变(vue检测到数据变化自动渲染)
Vuex基于Flux架构，结构更加简单清晰，对状态的管理更加明确。