В Vue2 я создаю компонент в форме дерева, то есть он вызывает себя рекурсивно.
Каждый рекурсивный компонент требует некоторых вычислений, и если большие данные передаются в кореньНапример, весь сайт застревает на несколько секунд, пока вычисления не будут завершены.
Я подумал об использовании отложенной загрузки рекурсивного компонента.
Пользователь не открывает ничего при загрузке сайта,и нет никаких причин для их одновременного рендеринга.
В соответствии с Vue Guide нужно сделать:
components: {
myComponent: () => import("./pathToComponent/myComponent.vue")
}
Проблема в том, что рекурсивный компонент нене импортировать сам, но используя имя:
export default {
name: "myComponent",
data() {
return {...}
}
...
}
Как использовать динамический импорт (или отложенную загрузку) в этой ситуации?