Как заставить сервер рендерить отельный компонент на сервере?

Question

[GizzaProger]

Доброго времени суток.
Есть редактор страницы написанный на vue. В нем есть компонент, который отвечает за визуализацию самой страницы. На вход он принимает json и в соответствии с ним рендерит страницу. Я хочу сделать кнопку при клике на которую, на сервер уходит эта страница в виде html + css + js. Есть идея воспользоваться ssr, но не хочется для этого подключать большие инструменты по типу nuxt, а также хотелось бы рендерить только один компонент, а не все приложение.
Как это можно реализовать?

Answer 1

[rPman]

javascript на клиентской стороне имеет полный доступ к сгенерированному html, в ее конечном виде, т.е. уже сформированные свойства css, если прогуляться по DOM кодом в цикле, то можно собрать полную копию html, стили можно получить сформированные уже после применения css как в виде кода так и поэлементно.

Так же с помощью element.outerHTML и получаешь готовый html код, который можно спокойно подключать куда угодно (css файлы придется самому копировать, а javascript отключать в тех местах где он помешает)

Comments

[GizzaProger]

Я так и хотел изначально сделать, но мне не понравилась эта идея. Я могу упустить какую-то зависимость по типу css класса или изображения. Это все будет работать, но нужно быть очень внимательным. По этому хочу воспользоваться ssr. Ведь по сути он это и реализует