vuex 数据存取

本文介绍了Vuex的注册与配置,包括如何将状态注入组件,如何定义state和mutations来存储和改变状态。通过计算属性获取响应式状态,并强调了mutation是改变Vuex状态的唯一方式。

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

实现:

1. 机制

(1)注册vuex: Vue.use(vuex)

(2)配置vuex 的store选项

这样配置完,vuex就可以将状态从根组件注入到每一个子组件中去

2 参数

(1)state 

需要存到仓库中的参数状态

(2)mutations

配置改变状态的对应方法

3 获取状态值

官网:由于 Vuex 的状态存储是响应式的,从 store 实例中读取状态最简单的方法就是在计算属性中返回某个状态:

4 触发状态改变

官网:更改 Vuex 的 store 中的状态的唯一方法是提交 mutation

Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值