Vue计算属性返回一个promise？

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

<script>
export default {
  data() {
    return {
      asyncData: null
    };
  },
  created() {
    this.fetchData().then(data => {
      this.asyncData = data;
    });
  },
  methods: {
    fetchData() {
      // 发起异步请求，返回一个Promise对象
      return new Promise(resolve => {
        // 异步操作
        setTimeout(() => {
          resolve('异步数据');
        }, 1000);
      });
    }
  }
};
</script>