DDR爱好者之家

详解vuex中action何时完成以及如何正确调用dispatch的思考
站长资源 2024/11/25 佚名
7 1538
DDR爱好者之家 Design By 杰米

在项目中遇到关于action与dispatch使用的一些细节问题，经过搜索得到了一些答案。

特意在此提出，如有错误还请指出，十分感谢～

问题1：如果action是异步的，那么怎么知道它什么时候完成？在vuex的官网给出了答案：

详解vuex中action何时完成以及如何正确调用dispatch的思考

注：如果需要通过组合多个action来完成某些逻辑，用async/await会更简单一点

问题2： 如果action是同步的，就不需要等待它完成了吗？

其实这个问题相当于在w：dispatch('some action')是一个同步函数还是异步函数。

如果dispatch是一个异步函数（返回一个promise），那么即使action里面的逻辑是同步的，如果需要等待这个action完成之后才进行某些操作，仍然是需要用异步等待dispatch().then(()=> {})来实现

通过查看vuex的源码找到了答案：

 dispatch (_type, _payload) {
  // check object-style dispatch
  const {
   type,
   payload
  } = unifyObjectStyle(_type, _payload)

  const action = { type, payload }
  const entry = this._actions[type]
  if (!entry) {
   if (process.env.NODE_ENV !== 'production') {
    console.error(`[vuex] unknown action type: ${type}`)
   }
   return
  }

  try {
   this._actionSubscribers
    .filter(sub => sub.before)
    .forEach(sub => sub.before(action, this.state))
  } catch (e) {
   if (process.env.NODE_ENV !== 'production') {
    console.warn(`[vuex] error in before action subscribers: `)
    console.error(e)
   }
  }

  const result = entry.length > 1
   "看起来是对的"，严谨的做法应该还是需要用异步来完成后续操作的


以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米