vue3中返回值是object promise

在 Vue.js 3 中，如果你在一个组件的 methods 或生命周期钩子函数里返回一个 Object Promise，这意味着你在函数内部返回了一个包装了异步操作的对象，这个对象实现了 Promise 的接口，通常用于封装数据获取或者复杂业务逻辑。当你调用这个返回的 Promise 对象时，它会在后台完成某个操作后返回数据。

例如：

data() {
  return {
    user: null,
  };
}

async getUserDetails() {
  const response = await fetch('https://api.example.com/user');
  if (response.ok) {
    this.user = await response.json(); // 这里返回的是一个包含解析后的用户信息的 Promise
  } else {
    console.error('Failed to fetch user details.');
  }
}

methods: {
  async fetchData() {
    const dataPromise = this.getUserDetails();
    // 现在 dataPromise 就是一个返回值为对象的 Promise，可以通过 then 或 async/await处理结果
    dataPromise.then(user => {
      // 处理获取到的用户数据
    });
  },
}