@Age007nt

Laravel + Vue.js MPA (with code splitting)?

Привет!

Есть ли возможность реализовать MPA приложение с помощью Laravel и Vue.js таким образом, что-бы каждая страница проекта имела только нужный ей код, в том числе и различные библиотеки.

К примеру:
Page1: vue.js (component1, component2, component3), slider.js, gallery.js;
Page2: vue.js (component2), gallery.js;
Page3: slider.js;
Page4: vue.js (component1, component3).

Если же для каждой страницы создавать свой js-файл и импортировать туда vue и библиотеки, то будет дубляж кода. Если все делать в одном js-файле, то будет присутствовать код, не нужный той или иной странице. Прошу поправить, если это таки решается каким-то способом.

Возможно я не понимаю каких-то принципов, но хотелось бы максимально разбивать код в зависимости от нужд на странице, использовать vue-компоненты в связке с обычной версткой в blade.

Прошу направить в нужную сторону, возможно указать на какие уроки, или пояснить что делать в конкретно этой ситуации. Или, может быть, я что-то не понимаю, и в данной ситуации нужно использовать SPA?
  • Вопрос задан
  • 624 просмотра
Пригласить эксперта
Ответы на вопрос 1
@jazzus
Здесь нужно использовать метод матрешки. Берешь blade, в него подключаешь нужные тебе компоненты vue, прописанные в app.js. Эти компоненты могут представлять собой набор других компонентов, которые подключены к нему с помощью import или прописаны в app.js.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы