Vue.js 2 и Laravel
Какой будет лучший метод / подход к большому веб-сайту, использующему Laravel (API) в качестве back-end и Vue.js2 для front-end.
Основной вопрос здесь заключается в том, как разделить javascript (VUE) и требовать его только в случае необходимости в рамках данного маршрута, поскольку в этом проекте много javascript.
1 Есть ли инструмент, который может это сделать? Или какой-нибудь правильный способ сказать через API, где использовать определенные файлы сценариев?
2 Как разделить перенесенный файл app.js (в моем случае), чтобы он содержал отдельные функции для каждого файла
3 Это лучший способ подойти к такому проекту?
Решение
Что ж, для того, чтобы Vue загрузил компонент, пакет Vue должен быть загружен в настоящий момент, иначе Vue не будет сканировать его тег компонента.
Одна идея состоит в том, чтобы отделить пакет Vue от вашего основного JS-файла с помощью Laravel Mix. Поставщик извлечения тогда требуйте это только на тех страницах, которые вам нужны. Чтобы требовать его только для определенного маршрута, вы можете создать шаблон Blade, который будет действовать как обертка для ваших других представлений, но в моем основном родительском шаблоне я хотел бы сделать так, чтобы в конце раздела был раздел. <body> тег и затем в ваших представлениях просто включите файл вендора, возможно, даже просто сделайте миксин или что-то в этом роде.
Я знаю, что это не лучший ответ, но я надеюсь, что это поможет! 🙂
Другие решения
Других решений пока нет …