四、actions处理异步行为和调用

• action：装方法的一个对象。

使用场景：在Vuex运行的环节中，有异步操作——>就必须经过action

mutations不能进行异步操作。

最常用的案例：异步请求获取数据

使用方式：

1. 组件中使用actions中的方法异步获取数据
2. actions中通过ctx.commit调用mutations中的方法，并传入获取到的数据
3. mutations中的方法接收到参数后，更改state中的数据

上图：

组件中使用action方法：

vuex的actions：

vuex的state：

vuex的mutations：

export default {
	...
	setData(state, data) {
		state.data = data;
	}

}

---

注意：项目中使用Vuex的方式：

1. 把state，mutations，actions，getters划分到不同的文件夹去，最终汇总到src>store>index.js中使用。（结构化）
2. 然后把store作为配置项方放到Vue实例中。