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

action：装方法的一个对象。

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

mutations不能进行异步操作。

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

使用方式：

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

上图：

组件中使用action方法：

vuex的actions：

vuex的state：

vuex的mutations：

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

---

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

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

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。