递归vue组件的延迟加载

Question

在 Vue2 中，我正在以树形创建一个组件，即它以递归方式调用自己。
每个递归组件都需要进行一些计算，并且如果有大量数据传递到根实例，整个站点将被卡住几秒钟，直到计算完成。

我考虑过使用递归组件的延迟加载。
网站加载后，用户不会打开任何文件，也没有理由让他们一次渲染所有文件。

根据 Vue指南，应该执行以下操作：

components: {
  myComponent: () => import("./pathToComponent/myComponent.vue")
}

问题在于递归组件不会导入自身，而是使用名称：

export default {
  name: "myComponent",
  data() {
    return {...}
  }
  ...
}

在这种情况下如何使用动态导入（或延迟加载）？