идея такая
"То есть, у тебя есть грубо говоря index.js в котором создается вью апп, и монтируется на заранее известный селектор который есть на каждой странице. Все это собирает вебпак. В этом плане тут ничего неожиданного все как обычный апп. Но изза того что все компоненты через асинхронный импорт засунуты import(..), то вебпак порежет твой бандл на чанки, и каждый такой компонент окажется в своем чанке.
В итоге заходя на любую страницу, у тебя подсоеденяется твой бандл, начальный чанк, index.js, вью апп монтируется на страницу, дальше вью апп встречает допустим <some-page-component> , дальше он ресолвит компонент выполняя функцию () => import(…), внутри функция выполняет импорт, импорт запускает ресолв чанка компонета, веб пак его подгружает, отдает вью, вью рендерит компонент, компонент за счет директивы берет хтмл прям со страницы что отдал бэк
можно не отдавать хтмл бэком, тогда отдавай просто тэг компонента (если юзать вариант без inline-template)