How to create a multi-page application from a single-page application on vue.js?

Question

Vue.js

There was a need to create a page with settings, in an existing application, as a separate independent page. Who will prompt the correct and beautiful decision of this problem?
Now I have a single page application with a dynamic header, menu, etc... I would not like to redraw all this, but have a separate page different from #app

Answer 1

Vue router layout
https://si-dev.com/en/blog/vue-multiple-layouts

Answer 2

If you are using vue-cli: pages . Separate entry-points to separate pages with a common codebase.

Answer 3

Canonical solution - Vue Router - https://router.vuejs.org/en/