状态管理的写法 vue

一个项目中状态管理的写法:(自己理解)
举例一个状态管理的目录结构;
在这里插入图片描述
(1) index.js 文件中导出这个状态管理的实例,包括每个状态管理的文件,这样应用store的时候就可以访问到他们
在这里插入图片描述

(2) 每个文件中的具体写法,主要分state、mutation 、action 举例:
在这里插入图片描述
(4)应用:

// 获取时
computed:{
	isLogin() {
		return this.$store.state.login(这个是文件的名字).isLogin(state中你存的那个数据)
	}
}

//  去修改store中存的状态或者说往store中存状态的时候(这个是同步的,通过mutations修改state中的值)
this.$store.commit("login/loginStatusStore" , value)(这个路径是文件名以及mutions中你要触发的那个函数名 ,带上你要传过去修改的值)

// 去修改store中存的状态或者说往store中存状态的时候(这个是异步的,通过触发actions去调用mutions中的方法去修改state中的值)
this.$store.dispatch("loginStatusAction" , value) (loginStatusAction 这个就是actions中的方法名字代表你要触发哪个方法,然后带过去要传的值)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值