在本地异步加载组件并为名称起别名

Question

我正在迁移到 vue.js 3，但没有找到解决此问题的方法：

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

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

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

这是我现在所做的：

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

但我不知道如何给它 CheckboxField 一个别名，就像我以前做的那样。

Answer 1

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

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

Async load components locally and alias the name