Как обрабатывать Vue "el" указатель с несколькими раскладками (Laravel MPA)

Question

Итак, у меня есть приложение laravel, которое я создал и которое работает с Laravel без Vue.js.Теперь, узнав о vue.js и его облегченных + многочисленных дополнительных функциях для улучшения взаимодействия с пользователем, я решил включить его и перестроить свое приложение на компоненты с гораздо лучшей реактивностью.

Единственная проблема заключается в том, чтоНебольшое исследование, я обнаружил, что основной элемент vue в resources / js / app.js указывает на элемент #app в views / layouts / app.blade.php, что было бы хорошо, если бы у меня был SPA или MPA, которыйначинается оттуда.

Однако в моей реализации у меня есть разные файлы макетов для внутреннего и пользовательского разделов моего приложения, и я не знаю, как это сделать (на какой элемент указывать объект vue).

Вот что я хотел бы получить, если это возможно.Я бы хотел, чтобы commons.js имел все мои общие компоненты и импорт и, возможно, [page] .js для страниц, где мне нужно было бы немного больше.

Заранее спасибо!

Answer 1

Я понял, как с этим справиться.

Экземпляр Vue, созданный в app.js, не обязательно должен быть вашим единственным экземпляром.В MPA вам больше всего понравится иметь несколько экземпляров vue, возможно, на каждой странице.Чтобы сохранить мой код в чистоте, я сохранил общие для всего приложения зависимости в app.js.

Для моих порталов каждый портал имеет файл commons.js, который содержит зависимости, специфичные для управления моим приложением, и, следовательно, его не нужно загружать, когда пользователь просматривает мой аккаунт.Я установил связку с веб-пакетом и включил во все страницы портала.

Кроме того, каждая страница имеет страницу page.js, которая также связана и включает в себя только специфичные для страницы зависимости (компоненты и т. Д.) И экземпляр vue для каждой страницы.

Используя эту архитектуру, я уменьшаю необходимость загрузки JS до необходимого на обеих страницах портала и в основном приложении для пользователей.

Надеюсь, это кому-нибудь поможет!Удачного кодирования.