vuex学习---action

以你之姓@ 2023-05-30 12:59 40阅读 0赞

action类似于mutation,不同之处在于：action提交的是mutation,而不是直接变更状态，action可以包含异步操作，而mutation不能包含异步操作；

![20191110160927209.png][]

在页面中通过 如下方式触发：

![20191110161057517.png][]

还可以通过载荷形式或者对象形式传递参数，（载荷形式传递参数，第二个参数是一个对象，也可以直接写传递的数据，在action对应的方法里面通过第二个参数就可以拿到；写成对象的话，在action里面通过第二个参数.属性 来获取）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbmdlMDUwOA_size_16_color_FFFFFF_t_70][]

action里面的代码如下：（可以调用 `context.commit` 提交一个 mutation，或者通过 `context.state` 和 `context.getters` 来获取 state 和 getters。）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbmdlMDUwOA_size_16_color_FFFFFF_t_70 1][]

[20191110160927209.png]: https://img-blog.csdnimg.cn/20191110160927209.png
[20191110161057517.png]: https://img-blog.csdnimg.cn/20191110161057517.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbmdlMDUwOA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191110162754304.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbmdlMDUwOA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbmdlMDUwOA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/201911101630078.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbmdlMDUwOA==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，40人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vuex--actions--使用/教程/实例

原文网址：[Vuex--actions--使用/教程/实例\_IT利刃出鞘的博客-CSDN博客][Vuex--actions--_IT_-CSDN] 简介说明本文

刺骨的言语ヽ痛彻心扉/ 2023年10月01日 16:44/ 0 赞/ 32 阅读

相关 Vuex里面异步提交actions

可以先看一下官网对[vuex里的actions的解释][vuex_actions] 我们在页面中一般提交mutations，比如：this.$store.commit(‘e

た入场券/ 2023年06月29日 05:47/ 0 赞/ 44 阅读

相关深入Vuex的Actions

1.什么是actions？（操作mutation）背景：在mutation中我们讲到，mutation中是存放处理数据的方法的集合，我们使用的时候需要commit。但

拼搏现实的明天。/ 2023年06月07日 10:50/ 0 赞/ 45 阅读

相关 vuex学习---action

action类似于mutation,不同之处在于：action提交的是mutation,而不是直接变更状态，action可以包含异步操作，而mutation不能包含异步操作；

以你之姓@/ 2023年05月30日 12:59/ 0 赞/ 41 阅读

相关 Vuex中报错：[vuex] unknown action type: XXXX

在练习的时候遇到了报错信息：`[vuex] unknown action type: XXXX`，最后找到是 `store`导出的错误： export default

偏执的太偏执、/ 2023年02月14日 02:46/ 0 赞/ 18 阅读

相关 [vuex] unknown action type:***

> vuex 分模块后使用mapActions调用action老是提示 \[vuex\] unknown action type:\\\ 异常目录 ![在这里插入图片描

ゝ一世哀愁。/ 2023年02月13日 04:57/ 0 赞/ 141 阅读

相关 vuex API里面的action

行动 Action类似于变异，不同于在： Action提交的是mutation，而不是直接更改状态。 Action可以包含任意异步操作。注册一个简单的动

小咪咪/ 2022年05月24日 05:11/ 0 赞/ 237 阅读

相关 vuex中的actions

actions用来处理mutations中的异步操作，触发mutations中的函数 1. 组件中触发actions中的函数：此处用dispatch触发函数 this.$s

╰半夏微凉°/ 2022年02月26日 06:06/ 0 赞/ 317 阅读

相关 vuex—2muation和action

接上节加上payload ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

ゝ一纸荒年。/ 2022年01月21日 03:41/ 0 赞/ 251 阅读

相关 [vuex] unknown action type

vue在使用vuex父组件传值到子组件，绑定对象类型，报错\[vuex\] unknown action type，遇到同样问题的朋友参考下子组件代码 `list: { ty

た入场券/ 2022年01月20日 12:49/ 0 赞/ 889 阅读