vue axios请求到的数据存入vuex

这里是模拟请求用户信息 引入vuex就不做介绍了 可自行百度
1.创建一个 store.js文件在其中写


vue axios请求到的数据存入vuex_第1张图片
图片.png

2。在组件中


vue axios请求到的数据存入vuex_第2张图片
图片.png

3使用:


vue axios请求到的数据存入vuex_第3张图片
图片.png

不用像官网介绍的那样需要在计算属性中返回该状态 可像图片中那样直接使用
4.关于vuex刷新会丢失信息问题 可在第一步中写:


vue axios请求到的数据存入vuex_第4张图片
图片.png

使用的话:
vue axios请求到的数据存入vuex_第5张图片
图片.png

你可能感兴趣的:(vue axios请求到的数据存入vuex)