在Vue中将promise绑定到组件

<template>
  <div>
    <p>{{ promiseResult }}</p>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      promiseResult: ''
    };
  },
  created() {
    new Promise((resolve, reject) => {
      axios.get('https://api.example.com/data')
        .then(response => {
          resolve(response.data);
        })
        .catch(error => {
          reject(error);
        });
    })
    .then(result => {
      this.promiseResult = result;
    })
    .catch(error => {
      console.error(error);
    });
  }
};
</script>