vuex actions里方法互相调用

最新推荐文章于 2024-12-29 10:20:59 发布

昔人'

最新推荐文章于 2024-12-29 10:20:59 发布

阅读量7.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue js

原文链接：https://blog.youkuaiyun.com/qq_24147051/article/details/102581786

vue 专栏收录该内容

19 篇文章

订阅专栏

这篇博客探讨了在Vuex中如何使用异步操作，特别是`asyncactionA`和`asyncactionB`的交互。`asyncactionA`通过`commit`获取数据，而`asyncactionB`则依赖于`dispatch`先执行`actionA`，然后获取其他数据。博客深入解析了Promise在这些异步流程中的应用和重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 假设 getData() 和 getOtherData() 返回的是 Promise

actions: {
  async actionA ({ commit }) {
    commit('gotData', await getData())
  },
  async actionB ({ dispatch, commit }) {
    await dispatch('actionA') // 等待 actionA 完成
    commit('gotOtherData', await getOtherData())
  }
}