lesson13

1. 描述软件架构与框架之间的区别与联系  

架构：软件架构是一个系统的草图。软件架构描述的对象是直接构成系统的抽象组件。各个组件之间的连接则明确和相对细致地描述组件之间的通讯。在实现阶段，这些抽象组件被细化为实际的组件，比如具体某个类或者对象。

框架：指在一定的设计原则基础上，从不同角度对组成系统的各部分进行搭配和安排，形成系统的多个结构而组成架构，它包    括该系统的各个组件，组件的外部可见属性及组件之间的相互关系。 是一种特殊的软件，它并不能提供完整无缺的解决方案，而是为你构建解决方案提供良好的基础。框架是半成品。典型地，框架是系统或子系统的半成品；框架中的服务尅被最终应用系统直接调用，而框架中的扩展点是供应用开发人员定制的“可变化点”。

联系：为了尽早验证架构设计，或者处于支持产品线开发的目的，可以将关键的通用机制甚至整个架构以框架的方式进行实现。业界可能存在大量可供重用的框架，这些框架或者已经实现了软件架构所需的重要架构机制，或者为未来系统的某个子系统提供了可扩展的半成品，所以最终的软件架构可以借助这些框架构造

2. 以你的项目为案例 

    绘制三层架构模型图，细致到分区 

    结合你程序的结构，从程序员角度说明三层架构给开发者带来的便利 

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

3. 研究 VUE 与 Flux 状态管理的异同

flux状态集管理分为四层：view视图层，action层，dispatcher派发层，store仓库层。

view——>action——>dispatcher——>store返回——>dispatcher——>view

vuex状态管理核心：

　　　　state：存放多个组件共享的状态（数据）

　　　　mutations：存放更改state里状态的方法，用于变更状态，是唯一一个更改状态的属性

　　　　getters：将state中某个状态进行过滤，然后获取新的状态，类似于vue中的computed

　　　　actions：用于调用事件动作，并传递给mutation

　　　　modules：主要用来拆分state

vueComponent——>(dispatch)Action——>(commit)Mutations——>(mutate)State——>(render)VueComponent