Консультирование по структуре одностраничного приложения Vue.js с отдельными вкладками браузера
Я разрабатываю Vue SPA, который отображает карту и имеет всплывающие окна и плавающие боковые панели для отображения информации. Снимок экрана ограничен, поэтому я хочу переместить некоторые функции ("настройки фильтра", "информационная страница" и т. Д.) На отдельные вкладки браузера. Эти вкладки могут быть по желанию запущены из главного окна и оставаться открытыми / доступными при открытом главном окне, а также в среде с несколькими мониторами, их можно перетаскивать в отдельное окно браузера на отдельном экране, поэтому они отображаются вдоль основного окна.
Эти страницы являются довольно простыми, независимыми "формами", и связь между этими страницами может быть такой же простой, как и сообщения в хранилище сеансов, хотя совместное использование центрального хранилища / шины событий может быть неплохим.
Вопрос в том, как мне структурировать мой проект Vue, чтобы включить эти независимые объекты? С моими первыми попытками я создал отдельные страницы, используя маршрутизатор, и я могу загрузить их, но я получаю еще один экземпляр всего моего приложения, который кажется очень неправильным. Должен ли я развивать их как самостоятельные проекты, но это также кажется неправильным. (Как основной проект начнется?)
Подумайте, возможно, есть стандартный шаблон для этой проблемы и был бы благодарен за указатели на нее.
Большое спасибо, Брайан
(Когда я проверил этот вопрос, я вижу, что я запрашиваю "одностраничное приложение" - с дополнительными страницами!! Уммм... это можно сделать с помощью структуры Vue SPA? Я знаю только, как заставить маршрутизатор "поменять страницу" отображается на SPA, а не запускать отдельную страницу / окно на текущем SPA. Это можно сделать?)