Vuex总结

一 Vuex安装
npm install vuex --save
二 vuex是什么
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

三 vuex中的5大方法
1.state 唯一数据源 数据存放地
state相当于vue中的data
映射方法 …mapStates([])
vue中在computed中执行

2.mutation 方法 事件
mutation相当于vue中的methods
映射方法 …mapMutations（）
vue中在methods中执行

3.action 可以包含任意异步操作。
action相当于vue中的methods
映射方法 …mapActions（）
vue中在methods中执行

4.getter store 的计算属性
getter相当于vue中的computed
映射方法 …mapGetters（）
vue中在computed中执行

5 module 模块
每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割

const moduleA = {
  state: { ... },
  mutations: { ... },
  actions: { ... },
  getters: { ... }
}

const moduleB = {
  state: { ... },
  mutations: { ... },
  actions: { ... }
}

const store = new Vuex.Store({
  modules: {
    a: moduleA,
    b: moduleB
  }
})

store.state.a // -> moduleA 的状态
store.state.b // -> moduleB 的状态