vue中的异步属性

<template>
  <div>
    <child-component :data="asyncData"></child-component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      asyncData: null
    };
  },
  mounted() {
    // 异步获取数据
    fetchData().then(data => {
      this.asyncData = data;
    });
  }
};
</script>

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

<script>
export default {
  props: ['data'],
  data() {
    return {
      processedData: null
    };
  },
  mounted() {
    // 处理异步属性
    this.processedData = processData(this.data);
  }
};
</script>