VUE 如何获取Promise对象中的PromiseResult中的数据

在Vue中，你可以通过在Promise对象上调用.then()方法来获取PromiseResult中的数据。当Promise状态变为fulfilled时，你会在then方法的回调中接收到这个值。

以下是一个简单的例子：

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      message: ''
    };
  },
  created() {
    this.fetchData();
  },
  methods: {
    fetchData() {
      const myPromise = new Promise((resolve, reject) => {
        setTimeout(() => {
          resolve('Hello, Vue!');
        }, 1000);
      });
 
      myPromise.then(data => {
        this.message = data;
      }).catch(error => {
        console.error('An error occurred:', error);
      });
    }
  }
};
</script>

在这个例子中，我们在Vue组件的created生命周期钩子中调用了fetchData方法。fetchData方法创建了一个新的Promise，并在这个Promise被解析（resolve）后，通过调用.then()方法将PromiseResult（即'Hello, Vue!'）赋值给组件的message数据属性。这样，这个数据就可以在模板中被访问和显示了。