#Store：vuex 3.1X

#Store3.1X

state

• 类型: Object | Function

  Vuex store 实例的根 state 对象。详细介绍

  如果你传入返回一个对象的函数，其返回的对象会被用作根 state。这在你想要重用 state 对象，尤其是对于重用 module 来说非常有用。详细介绍

mutations

• 类型: { [type: string]: Function }

  在 store 上注册 mutation，处理函数总是接受 state 作为第一个参数（如果定义在模块中，则为模块的局部状态），payload 作为第二个参数（可选）。

payload 提交载荷

1. 单个数据

mutations: {
  increment (state, n) {
    state.count += n
  }
}

store.commit('increment', 10)

2. 在大多数情况下，载荷应该是一个对象

mutations: {
  increment (state, payload) {
    state.count += payload.amount
  }
}

store.commit('increment', {
  amount: 10
})

actions

• 类型: { [type: string]: Function }

  在 store 上注册 action。处理函数总是接受 context 作为第一个参数，payload 作为第二个参数（可选）。

  context 对象包含以下属性：

  {
    state,      // 等同于 `store.state`，若在模块中则为局部状态
    rootState,  // 等同于 `store.state`，只存在于模块中
    commit,     // 等同于 `store.commit`
    dispatch,   // 等同于 `store.dispatch`
    getters,    // 等同于 `store.getters`
    rootGetters // 等同于 `store.getters`，只存在于模块中
  }
  

  同时如果有第二个参数 payload 的话也能够接收。

getters

• 类型: { [key: string]: Function }

在 store 上注册 getter，getter 方法接受以下参数：

state,     // 如果在模块中定义则为模块的局部状态
getters,   // 等同于 store.getters

当定义在一个模块里时会特别一些：

state,       // 如果在模块中定义则为模块的局部状态
getters,     // 等同于 store.getters
rootState    // 等同于 store.state
rootGetters  // 所有 getters

注册的 getter 暴露为 store.getters。

mapGetters

• mapGetters(namespace?: string, map: Array<string> | Object<string>): Object

  为组件创建计算属性以返回 getter 的返回值。详细介绍

  第一个参数是可选的，可以是一个命名空间字符串。详细介绍

mapState

• mapState(namespace?: string, map: Array<string> | Object<string | function>): Object

  为组件创建计算属性以返回 Vuex store 中的状态。详细介绍

  第一个参数是可选的，可以是一个命名空间字符串。详细介绍

  对象形式的第二个参数的成员可以是一个函数。function(state: any)

mapActions

• mapActions(namespace?: string, map: Array<string> | Object<string | function>): Object

  创建组件方法分发 action。详细介绍

  第一个参数是可选的，可以是一个命名空间字符串。详细介绍

  对象形式的第二个参数的成员可以是一个函数。function(dispatch: function, ...args: any[])