vue中promise得用法

在 Vue 中使用 Promise 的一般步骤如下：

1. 定义一个返回 Promise 对象的函数，例如：

function fetchData() {
  return new Promise((resolve, reject) => {
    // 异步操作
    // 成功时调用 resolve(data)
    // 失败时调用 reject(error)
  })
}

2. 在 Vue 实例中调用该函数，例如：

export default {
  data() {
    return {
      result: '',
      isLoading: false
    }
  },
  methods: {
    fetchData() {
      this.isLoading = true
      fetchData().then(data => {
        this.result = data
      }).catch(error => {
        console.log(error)
      }).finally(() => {
        this.isLoading = false
      })
    }
  }
}

在上述示例中，使用了 Promise 的 then()、catch() 和 finally() 方法来处理异步操作的结果和状态。同时，也通过设置 isLoading 属性来显示加载状态。

需要注意的是，Promise 在处理异步操作时需要谨慎处理错误，以避免出现意外情况。