在前端合作开发组织工作中，Vue.js的选用是非主流控制技术，特别是工程项目合作开发操作过程中如果采加进牵涉Vue的状况管理组织工作就必定会加进Vuex。第一集昌明就来撷取呵呵有关Vuex的有关习题，方便快捷中后期翻查选用。
1、具体来说来介绍一下Vuex是甚么？
非官方文件格式是这种如是说的:
Vuex 是两个专为 Vue.js 应用领域软件合作开发的状况区域化。它选用封闭式repeats应用领域的大部份模块的状况，并以适当的准则确保状况以一类可预估的形式发生改变。Vuex 也软件系统到 Vue 的非官方增容辅助工具devtools extension，提供更多了譬如零实用性的 time-travel 增容、状况镜像引入求出等高阶增容机能。案例如下表所示右图：
new Vue({
// state
data (){
return {
count:0
}
},
// view
template:
// actions
methods:{
increment (){
this.count++
}
}
})
Vuex 作为Vue非官方推出的状况管理组织工作架构，而且其具有便捷、简单API设计的合作开发辅助工具支撑，在大中小Vue工程项目中得到很好的应用领域，很好的结合了Vue的响应式数据。
2、接着再来介绍呵呵为甚么要选用Vuex?
先来介绍两个习题：Vue是单向数据流的形式驱动的，流程图如下表所示右图：
state，驱动应用领域的数据源；view，以声明形式将 state 映射到视图；actions，响应在 view 上的用户输入导致的状况变化。
上述是两个单向数据流理念的简单示意流程，如果应用领域遇到多个模块共享状况的时候，单向数据流的简洁性就很容易遭到破坏。当多个视图依赖于同两个状况，或者来自不同视图的行为需要更改同两个状况，这时候就需要加进Vuex。Vuex是类似于Redux的状况管理组织工作器，用来管理组织工作Vue的大部份模块状况，选用封闭式repeats应用领域的大部份模块的状况，并且以适当的准则来确保状况以一类可预估的形式发生改变。还有在前端模块化工程项目中，加进某些变量需要在全局范围内引用的时候，也可以加进Vuex来解决。
3、Vuex的构成
通过上图可以看到Vuex由以下几个部分组成：
（1）State
State单一状况树，是存储的单一状况，存储的是基本数据；
（2）Getters
Getter是从State中派生出来的，属于store的计算属性对State进行加工之后派生出来的数据，和computed的计算属性一样，getter的返回的值会根据它的依赖进行缓存处理，而且只有当它的依赖值发生改变改变的时候才会被重新计算；
（3）Mutations
Mutation是提交修改的数据，通过选用store.commit方法更改state的存储状况，mutation必须是同步函数；
（4）Actions
Action类似Mutation，但是Action提交的是Mutation，而不是直接改变状况，还可以包含任何异步操作；
（5）Modules
Module是由store分割成的模块，每个模块都拥有自己的state、getter、mutation、action，以及嵌套子模块（从上到下进行同样形式的分割）
4、Vuex其他
（1）Vuex 动态注册模块：
Vuex 通常选用静态模块，这些模块在打包的时候都会打到 app.js 中，但是若有的模块过大而且不是必须立马加进的，就可以动态注册模块到 vuex 中。
在选用Vuex 某个模块的时候再进行注册：
mounted (){
this.$store.registerModule(myModule, MyModule)
}
在不使用的时候，注销该模块：
beforeDestroy (){
this.$store.unregisterModule(myModule)
}
这种实现的效果是该页面在加载时才下载模块内容，而不是刚访问网站就去下载该模块内容。
（2）Vuex的工程项目结构
Vuex不限制代码结构，但是规定了一些需要遵守的准则：应用领域层级的状况需要集中到单个store对象中；提交mutation是更改状况的唯一方法，且该操作过程是同步的；异步逻辑都应该封装到action里面。
最后，Vuex的状况存储是响应式的，当Vue模块从store中读取状况时，若store中的状况发生改变，那么适当的模块也会得到高效更新。Vuex是通过全局注入st其他复杂操作，模块间常用通信形式即可，没必要选用Vuex。
