异步处理逻辑

vue六十三:vuex的异步处理

应用场景:

vue六十三:vuex的异步处理

当这样来回切换的时候,每一次切换都会请求对应的接口,会对后端接口造成不必要的压力,而且如果用户网络不好的话,请求接口会变慢,造成不好的用户体验

解决办法:当切换到对应页面的时候,判断是否有对应组件的数据,如果有,则直接从store中获取数据渲染渲染,如果没有,则通过action发起请求获取数据,并通过mutation更新到store

vue六十三:vuex的异步处理

vue六十三:vuex的异步处理

vue六十三:vuex的异步处理

vue六十三:vuex的异步处理

定义mutation,并把获取到的数据提交到mutation中处理

vue六十三:vuex的异步处理

vue六十三:vuex的异步处理

vue六十三:vuex的异步处理

 

渲染页面

vue六十三:vuex的异步处理

vue六十三:vuex的异步处理

vue六十三:vuex的异步处理

 

相关文章:

  • 2021-06-03
  • 2021-11-14
  • 2022-12-23
  • 2022-02-24
  • 2022-12-23
  • 2022-12-23
  • 2021-06-02
  • 2021-12-23
猜你喜欢
  • 2021-11-05
  • 2022-02-23
  • 2022-12-23
  • 2022-02-05
  • 2021-05-17
  • 2021-08-14
  • 2022-12-23
相关资源
相似解决方案