vue 使用componet动态组件实现动态切换如何import单页组件模板？

Question

父组件：item.index.vue

<template>

    <div>

        <compoent :is="comp"></compoent>

    </div>

</template>

<script>

    export default {

        computed: {

            comp: function () {

                return import('./component/item1.form')

        }

    },

}

</script>

子组件：item1.form.vue

<template>

    <div>

        111

    </div>

</template>

    

<script>

    export default {

        data () {

            return {

                msg: 'hello'

            };

        }

    };

</script>

报错信息

Answer 1

return() => import('./component/item1.form')如果import有变量，那么需要使用字符串模板解析return () => import(./component/item${this.formItem.item_type}.form);