Как работать с Vue и Laravel без vuerouter?

Question

[Друг]

Обычно делал SPA приложения с бэкэндом на Laravel с использованием vue-router.
Можно ли исключить vue-router из этой цепочки, ведь есть роутеры в Laravel?

Нужно чтоб при нажатии на каждый пункт сайдбара слева загружался другой компонент как всегда и подтягивались данные с бэкэнда. Используя vut-router все было понятно. а как реализовать чтобы при клике на ссылку сайдбара
роутер vue не использовался, а сразу чтоб отправлялся запрос на backend и потом загружалась компонента в контейнер с заполненными данными.

как все работает мне известно. mounted, dispatch, ... Но как без роутера обойтись на стороне клиента?

Answer 1

[pLavrenov]

Документация - Основы компонентов
Laravel - js

Вставляешь в шаблон компонент и все работает.

Answer 2

[Дмитрий]

Посмотрите на InertiaJS. Она, кстати, используется в пакете JetStream.

Позволяет делать привычные роуты в Laravel при этом вы возвращаете InertiaResponse с массив data, а во Vue их получаете как пропсы, это ли не чудо.

Это из описания InertiaJS:

...you will use Laravel's router instead of Vue router

Удачи!

Comments

[Друг]

но там SSR не будет работать (

[jazzus]

Друг, https://inertiajs.com/server-side-rendering

[Друг]

jazzus, ничего себе! уже сделали! а ведь раньше его не было судя по той статье, которую я читал.