<script> | |
import { defineAsyncComponent } from 'vue' | |
const BeAsync = defineAsyncComponent(() => new Promise((resolve) => { | |
setTimeout(() => { | |
resolve({ | |
name: 'BeAsync', | |
data() { | |
return { | |
message: 'I am async!', | |
} | |
}, | |
template: '<div>{{ message }} | |
}) | |
}, 2000) | |
})) | |
export default { | |
components: { | |
BeAsync, | |
}, | |
} | |
</script> | |
<template> | |
<BeAsync /> | |
</template> | |