后台管理----user内容区获取用户数据

# 这个数据是从服务器请求下来的,那这个数据到底放在哪里比较合适?

1.把用户的数据放在user.vue 这个组件 里面

2.把所有的数据放到Vuex 里面进行管理

1.首先我们需要向服务器请求拿到用户的数据 

1.新建store/main/system/system.ts

  •   在这个文件里从vuex 里面导入Moudel 模块
  •   新建types.ts文件写 范型接口并导出
  • 在system.ts 导入这范型

 3.在根模块里面导入这个模块

4. 为了让别人知道root 里面可能也有这个类型,也需要导入

#在user 界面发送网络请求

1. 这里就需要先发出网络请求相关的代码

2.这个代码有了之后,在vuex->actions 发出真正的网络请求,到服务器

3.服务器给我们返回数据,然后到vuex 里面进行保存

4.编写网络请求对应逻辑的这部分代码写在vuex 里面的actions 里面

#请求用户相关数据的接口

1.在service/request/main/system  写入用户相关的接口

2.在vuex: system/actions 做真正的网络请求

3.首先导入这个接口

接口打印的数据如下

 # 处理请求相关的数据

1.拿到请求的数据,提交到mutations 进行修改

# 在user 里面 使用计算属性拿到这个数据

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值