coderwhy前端基础课程|vue教程|(4)前端路由Vue-Router,vuex状态管理库|actions的基本使用,分发哦操作,辅助函数,异步操作,modul,局部函数,基本使用,命名空间,

这篇教程深入介绍了Vue-Router中的前端路由和Vuex状态管理库的使用,特别是Actions的运用,包括基本使用、分发操作、辅助函数和异步操作。同时,讲解了Module的原理,如基本使用、局部状态、命名空间以及如何在Module中修改或派发根组件的状态。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

actions的基本使用

◼ **Action类似于mutation,不同在于: **
 Action提交的是mutation,而不是直接变更状态;
 Action可以包含任意异步操作;
◼ **这里有一个非常重要的参数context: **
 context是一个和store实例均有相同方法和属性的context对象;
 所以我们可以从其中获取到commit方法来提交一个mutation,或者通过 context.state 和 context.getters 来获取 state 和
getters;
但是为什么它不是store对象呢?这个等到我们讲Modules时再具体来说
image.png

actions的分发操作

◼ **如何使用action呢?进行action的分发: **
 分发使用的是 store 上的dispatch函数;
image.png
同样的,它也可以携带我们的参数:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值