Есть несколько рекомендаций и хорошо задокументированных подходов к созданию корзины покупок на сайтах, использующих SPA совмещение Vue.js и Laravel. Вот некоторые из них:
1. Использование Vuex: Vuex - это официальное расширение для управления состоянием приложений Vue.js. Он удобно интегрируется с Laravel и предоставляет удобные инструменты для управления состоянием корзины. Вы можете хранить состояние корзины в магазине Vuex и обновлять его с помощью мутаций и действий.
2. Использование API: Вы можете создать API в Laravel для управления корзиной. API может иметь маршруты для добавления товаров в корзину, удаления товаров из корзины и обновления количества товаров. На стороне Vue.js вы можете использовать библиотеку Axios для выполнения запросов к API и обновления состояния корзины.
3. Использование пакетов: В сообществе Laravel и Vue.js существуют пакеты для удобного управления корзиной. Некоторые из них включают Laravel Shopping Cart (https://github.com/hardevine/LaravelShoppingcart) и Vue.js Shopping Cart (https://github.com/mrcrmn/vue-shopping-cart).
4. Использование событий: Laravel предоставляет мощную систему событий, которую можно использовать для обновления состояния корзины. Вы можете создать события, которые вызываются при добавлении товара в корзину или изменении количества товаров, и зарегистрировать обработчики этих событий, чтобы обновлять состояние корзины на стороне Vue.js.
Независимо от выбранного подхода, важно проконсультироваться с официальной документацией Laravel и Vue.js, а также изучить примеры кода и руководства, доступные на GitHub и других ресурсах. Хорошо задокументированные и популярные проекты или пакеты, такие как те, которые были упомянуты выше, также могут предложить удобные и хорошие решения с документацией.