import(`./components/${name}`)
<template>
<div>
<component :is="componentName"></component>
</div>
</template>
<script>
export default {
props: {
test: Number
},
data: () => ({
componentName: null
}),
created() {
const components = this.$options.components;
const name = `Test-${this.test}.vue`;
this.componentName = name;
components[name] = () => import(`./components/${name}`);
}
};
</script>