Как создать многостраничное приложение из одностраничного на vue.js?

Question

[SvinkaBacilka]

Появилась необходимость создать страницу с настройками, в существующем приложении, как отдельную самостоятельную страницу. Кто подскажет правильное и красивое решение этой проблемы?
Сейчас имею одностраничное приложение с динамическим хедером, меню и тд... не хотелось бы перерисовывать всё это а иметь отдельную страницу отличную от #app

Comments

[Ярослав Иванов]

Гуглим vue router layout

[Александр]

router ему не подойдут.
router работать с одним #app
Почему не хотите как отдельный проект?

[SvinkaBacilka]

Ярослав Иванов, Александр, среди всех решений я выбрал это. Использование layout-ов мне кажется это решение очень быстрое решение. Не хотелось бы отдельный проект так как мне нужен общий state во vuex

[SvinkaBacilka]

Ярослав Иванов, напишите это как ответ и я отмечу это решением

Answer 1

[Ярослав Иванов]

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

Answer 2

[Aetae]

Если используете vue-cli: pages. Отдельные entry-point на отдельные страницы при общей кодовой базе.

Answer 3

[Razgelday]

Каноническое решение – Vue Router – https://router.vuejs.org/ru/