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

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