vuex 管理组件之间的通信

本文详细解析了在使用 Vuex 状态管理模式与库时,数据如何通过 dispatch 调度、commit 提交、mutate 变异及 render 渲染的过程。从组件获取 URL 参数开始,到 action 中调用接口,再到 mutation 更新 state,最后完成数据的全局渲染。

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


dispatch:调度
commit:提交
mutate:变异
render:渲染




大致关系就是上图,自行查看文档,接下来说的是在项目中的体验
1,从组件出发 根据跳转路径的url 可以拿到对应的变量 比如 id name 之类的

2,拿到变量之后肯定要调接口 渲染界面 这就要写在action里面了

3,渲染界面 需要有返回来的值赋给状态 全局渲染,中间要经过mutation 提交给mutation 再由mutation赋值给state全局变量

4,全局变量被赋值

5,从全局变量里拿到数据 进行过滤等计算 到此为止初始化单向循环完成

初始化单项循环成功之后 接着就可以循环起来了

在组件里面使用



分发,调度函数可以有两种写法 上面图片显示的是一种 下面图片显示的是一种

另外 组件里面的点击事件也是可以写到vuex的action里面











评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值