1

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

我想过使用递归组件的延迟加载。
当网站加载时,用户不会打开任何东西,也没有理由让他们一次呈现所有内容。

根据Vue Guide,应该这样做:

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

问题是递归组件不会自己导入,而是使用名称:

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

在这种情况下如何使用动态导入(或延迟加载)?

4

0 回答 0