如何将从接口返回的值 存储到vuex的state的某个属性中

不知道如何开始使用vuex的小伙伴可以看这里vuex官网,文档里面有详细的使用讲解

首先我们创建好一个store和初始的state对象

如何将从接口返回的值 存储到vuex的state的某个属性中_第1张图片

======== 注意看这里 =========

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

这里我是将接口返回的数据存储到了state的user_sid属性中,所以我在mutations里写了get_user_sid这个mutation
如何将从接口返回的值 存储到vuex的state的某个属性中_第2张图片
接下来就该调用你需要的 mutation handler了。我这里是调用get_user_sid
如何将从接口返回的值 存储到vuex的state的某个属性中_第3张图片

像这样就行了
在这里插入图片描述

然后可以看到user_sid已经获取到了接口返回的数据
如何将从接口返回的值 存储到vuex的state的某个属性中_第4张图片

进步是无止境的,如发现文中有不足的地方,欢迎大家交流学习。

你可能感兴趣的:(VUE项目开发,vuex)