# Vuex 文档初探(五): Action

当我们的数据需要异步地修改(HTTP 请求), 则需要用到action. 在action里获取到数据, 再使用commitapi 并将数据作为payload传入到mutation里, 在mutation里对数据进行更新.

# 基本用法

# 分发

// user.js
store.dispatch("xxx", payload);
 
        Copied!

1
2

# 使用 action

actions: {
  xxx({commit}, payload){ // 第一个参数是与 store 实例具有相同方法和属性的 context 对象, 这里使用解构赋值的写法
  // 异步操作
    commit('xxx', payload)
  }
},
mutations: {
  xxx(state, payload){
    state.xxx = payload
  }
}
 
        Copied!

1
2
3
4
5
6
7
8
9
10
11

← Vuex文档初探(四): Mutation Introduction →