Как рендерить vue компонент в laravel?

Question

[Smuzzzzzi]

Подскажите, как выполнить ssr vue компонента в laravel?
В app.js зарегистрировал компонент, вывел его на страницу.
В коде он отображается как
<example-component></example-component>
Но мне нужно чтобы выводился весь код html. Как это сделать?
Раздражает мерцание компонента при первичной загрузке страницы.

Answer 1

[Александр Дроздов]

Не получится с помощью PHP отрендерить JS компонент, только если не настроить V8 PHP модуль, но это тот еще гемор.

Используй Nuxt, или самописный SSR на node.js.

Comments

[Andrey Suha]

Nuxt подразумевает что весь фронт будет монолитно на nuxt. Думаю автор хочет использовать vue внутри blade как отдельные компоненты

[Александр Дроздов]

Andrey Suha, возможно) Тогда пусть моргает

[Andrey Suha]

Александр Дроздов, ну в этом случае ни как не получится сделать ssr? Просто я тоже с этим сталкивался, но там это моргание не было кретичным и приказал прелоалер)) и вот интересно можно ли так сделать))

[Александр Дроздов]

Andrey Suha, ну, ССРу скармливается рутовой компонент в котором и есть весь сайт уже, в случае если есть отдельная страница и в нем вью компонент то это уже не рут компонент, и не получится.

Делал я как то адаптер для рендера кусков мини компонентов на странице, кидая запросы на node.js для их рендера, далее готовые хтмл куски заменял и уже отрисовывал страницу.
request page -> laravel process -> action -> template -> node.js -> template -> response, ну т.е это накладно в целом. И повторюсь - тот еще гемор, не стоит оно того

[Andrey Suha]

Александр Дроздов, понял, спасибо))

[Smuzzzzzi]

Nuxt не подходит, я не хочу делать отдельный клиент или спа. Я хочу просто отрендерить компонент

[Александр Дроздов]

Smuzzzzzi, ну тогда только настройка v8js так чтоле библа называется) только учти, все это скажется на скорости загрузки страницы