Vuejs:如何设置异步导入加载的props值？

// ParentComponent.vue
<template>
  <div>
    <AsyncComponent :propName="propValue" />
  </div>
</template>

<script>
import AsyncComponent from './AsyncComponent.vue';

export default {
  components: {
    AsyncComponent
  },
  data() {
    return {
      propValue: 'Hello World'
    };
  }
};
</script>

// AsyncComponent.vue
<template>
  <div>
    <p>{{ propName }}</p>
  </div>
</template>

<script>
export default {
  props: ['propName']
};
</script>