在Vue2中,我正在创建一个树形组件,即它以递归方式调用自身。
每个递归组件都需要一些计算,如果有大数据传递给根实例,整个站点会卡住几秒钟,直到计算完成。
我想过使用递归组件的延迟加载。
当网站加载时,用户不会打开任何东西,也没有理由让他们一次呈现所有内容。
根据Vue Guide,应该这样做:
components: {
myComponent: () => import("./pathToComponent/myComponent.vue")
}
问题是递归组件不会自己导入,而是使用名称:
export default {
name: "myComponent",
data() {
return {...}
}
...
}
在这种情况下如何使用动态导入(或延迟加载)?