vuex的总结

定义

1、vue全局状态管理器
2、实现组件之间跨层传递数据,实现数据与视图响应式更新

参数

state 状态数据

用法:
this.$store.state.xxx
…mapState([xxx,yyy])
相当于vue里面的data

getters 获取

用法:
this.$store.getters .xxx
…mapGetters ([xxx,yyy])
相当于vue里面的computed

mutations 方法

用法:
this.$store.commit.xxx
…mapMutations ([xxx,yyy])
相当于vue里面的methods

actions 动作

用法:
this.$store.dispatch.xxx
…mapActions ([xxx,yyy])
相当于vue里面的methods(异步的)

模块

意义:vuex允许我们将store分割成模块(module)
每个模块都拥有:
state、mutations、actions、getters
1、state:
默认带命名空间login
$.store.state.login.age
2、mutations:
默认不带命名空间
$store.commit(xxx)
3、actions:
默认不带命名空间
s t o r e . d i s p a t c h ( x x x ) c o n t e x t ( 第 一 参 数 ) : c o m m i t 、 g e t t e r s 、 d i s p a t c h 、 r o o t S t a t e ( 全 局 s t a t e ) 、 r o o t G e t t e r s ( 全 局 的 g e t t e r s ) 4 、 g e t t e r s : 默 认 不 带 命 名 空 间 访 问 : store.dispatch(xxx) context(第一参数):commit、getters、dispatch、rootState(全局state)、rootGetters(全局的getters) 4、getters: 默认不带命名空间 访问: store.dispatch(xxx)contextcommitgettersdispatchrootStatestaterootGettersgetters4getters访store.getters.xxx
state模块的state
全局的getters(包括模块getters)
rooterState全局的state

命名空间

评论 37
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值