本地异步加载组件并为其命名答案

【问题标题】：Async load components locally and alias the name本地异步加载组件并为其命名
【发布时间】：2021-06-24 16:14:09
【问题描述】：

我正在迁移到 vue.js 3，但没有找到解决方案来使其正常工作：

在 Vue.js 2 中，我能够像这样加载组件并分配别名：

components: {
        checkbox: () => import('./CheckboxField'),
}

在 Vue.js 3 中，我必须使用 new way 来导入组件。

这就是我现在所做的：

components: {
        AsyncComponent: defineAsyncComponent(() =>
            import('./CheckboxField.vue')
        )
    },

但我不明白如何像以前那样给这个CheckboxField 起一个别名。

【问题讨论】：

【解决方案1】：

在您的示例中，AsyncComponent 是组件名称，不是吗？所以：

components: {
    checkbox: defineAsyncComponent(() =>
        import('./CheckboxField.vue')
    )
}

【讨论】：