Вопрос Как лучше всего писать CEF UI на vue js?

[rikko]

Интересно как лучше всего писать CEF UI vue.js?
Пока вижу пару вариантов...

1) В каждый новый интерфейс (/home/index.html, /user/index.html и тд) добавлять vue.min.js и писать в таком стиле другие приложения
2) Разворачивать vue.js под каждый интерфейс
3) Развернуть 1 vue.js и в нем прописывать компоненты по роутерам (но я не знаю как вызывать нужный роутер через path файл (mp.browsers.new('package://dist/index.html/register ') не будет работать ))

Поделитесь мудростью

 

[uvanov]

Не вижу варианта "не писать на Vue"

(а вообще, конечно третий вариант, потому что когда сталкиваюсь с 20-тью развёрнутыми приложениями, либо одним .html-файлом на 15.000 строк - это вызывает боль)

 

[X-Clusiv]

Vue CLI

 

[rikko]

Тогда как вы вызываете нужный роутер?
Ведь так работать не будет
Например:

JavaScript:

mp.browsers.new('package://dist/index.html/register ')
// ...
mp.browsers.new('package://dist/index.html/menu ')
// ...
mp.browsers.new('package://dist/index.html/inventory ')

я пока могу представить такой вариант решения, но это откровенно костыль:

JavaScript:

mp.browsers.new('package://dist/index.html?window=inventory ')
// ...
mp.browsers.new('package://dist/index.html?window=login ')
// ...
mp.browsers.new('package://dist/index.html?window=menu ')

 

[allready]

Роутинг должен происходить через Vuex.
Vue-router можно не использовать

 

[rikko]

Правильно понимаю, когда я вызываю mp.browsers.new('package://dist/index.html ') я должен еще отправить запрос на открытие нужного роута?

 

[wendel]

1. один vue app и один инстанс cef
2. вся логика роутов внутри vue, например vue-router или да хоть банальный if-else
3. окрыли сам CEF, далее емитим нужный роут через событие в CEF, внутри CEF подписываемся на это событие и говорим открыть нужный роут или компонент
PROFIT