尝试在Vuejs中使用async / await捕获

Question

我正在使用VueJS / Nuxt和Vuex存储，并且定义了以下方法：

async UpdateData () {
  try {
    await this.$store.dispatch('updateMyData', this.data)
    successMsg({ message: 'Data updated successfully' })
  } catch (e) {
    errorMsg({ message: 'Some error' })
  }
}

问题是我尚未创建动作'updateMyData'，因此在控制台中我看到错误'[vuex] unknown action type: updateMyData'

但是，仍然执行了successMsg()并且得到了消息“数据更新成功”。

我的假设是，如果await ...失败，它将进入catch块。

您能帮我解决我的代码的问题以及如何纠正它。

Answer 1

该错误不是实际的承诺错误，而是来自Vuex的警告，说'updateMyData'操作尚未在Vuex存储中的任何位置注册。 该消息来自简单的console.log（/ error / warn）而不是throw或reject() ，这就是为什么它不会在这里的函数中失败的原因。

Answer 2

在await表达式不返回Promise对象的情况下，它将传递的内容转换为“已解决的承诺”。 这仅表示您未定义的函数将立即返回，就像已解决一样。 因此，它不会拒绝并且await不会抛出。

如果await运算符后面的表达式的值不是Promise，则会将其转换为解析的Promise。

这来自这里： https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/await#Description