How to organize template loading in Vue.js?

Question

Vue.js

As I understand it, all one-pagers load all templates at once and switch them already in the browser.

I want to make some of the pages exist on the server and be loaded on request (when you click on a link), for example / about and a file is loaded from the directory:
/html/about/index.html

I can't figure out how to adequately implement this? Do I have to initialize each taco directory as a separate entity in Vue? Or is there a better way to do it all?

One of the goals is that the pages physically exist on the server and the routing is not virtual, but real.

Answer 1

https://www.google.ru/search?q=vue+lazy+load+components