Как правильное рендерить отдельные блоки, если страница генерируется PHP?

Question

[Сергей Гнатюк]

Подскажите как правильно решить такую задачу.
Например есть страница со списком товаров и небольшой фильтр (цена, производитель, и пр.) Изначально вёрстка страницы генерируется средствами PHP. Раньше я просто получал аяксом готовый HTML и вставлял его на страницу. Но как сделать это с использованием Vue, он же использует особые атрибуты в HTML. Вариант рендерить список товаров после загрузки страницы ajax-запросом, кажется не очень удачным. Можно ли как то совместить генерацию страницы с помощью пыхи и дальнейшей её обновление с помощью Vue?

Comments

[hOtRush]

Например отдавать json вашему vue

[Сергей Гнатюк]

hOtRush, Кажется понял как, те блоки где используется Vue, буду оформлять в виде компонентов, и туда передавать в props все нужные данные тем же json'ном)

Answer 1

[Yan-s]

Начальные данные можно сразу передать в шаблон, вывести json как строку.

Но если нет каких веских причин, то лучше получать данные одним способом.