0

Всем привет, народ помогите разобраться с Vue, для СЕО необходимо генерить код html на сервере, на клиенте минимальный функционал с vuejs: фильтровать, скрывать/показывать и тд.

<?php /** @var array $direction_list */
        foreach ($direction_list as $direction) : ?>
            <div class="country">
                <img src="<?= $direction['CountryImageUrl'] ?>" alt="">
                <a class="name" href="<?= $direction['url'] ?>"><?= $direction['CountryName'] ?></a>
                <a class="price" href="<?= $direction['url'] ?>">от <?= $direction['MinPrice'] ?> руб.</a>
                <div class="link"><a href="<?= $direction['url'] ?>">Подробнее</a></div>
            </div>
<?php endforeach; ?>

Как с помошью Вью спарсить html и дальше работать с ним? В голову приходит только при загрузки страницы брать данные по апи и заменять весь блок со странами а потом уже работать с ним. Доки прочитал и гугл шерстил ничего адекватного. Получается только замена поможет, помогите кто хорошо разбирается во вью)

4
  • 1
    при генерации страницы передать в компонет vue данные в виде json в качестве props. На стороне vue получить данные и делать, что хочется.
    – n.osennij
    Commented 28 апр. 2019 в 20:38
  • надо рендерить обязательно html для СЕО Commented 29 апр. 2019 в 16:22
  • гуглим vue js seo
    – n.osennij
    Commented 30 апр. 2019 в 7:50
  • отличный совет! Commented 30 апр. 2019 в 10:01

1 ответ 1

0

Во вью кроме как серверного рендеринга нет других способов передать данные(взять данные из разметки) во Vuejs.

Если для SEO необходима разметка с данными, делайте это как обычно на сервере на php(например, в моем случае), далее описывайте компоненты для Vuejs и в разметке указывайте места вставки этих компонентов. Тогда поисковые роботы будут видеть структуру которая будет сгенирирована на сервере, а у посетителей при загрузке страницы Vuejs сравнит данные и заменит блоки на компоненты.

Если нужны подробные объяснения, напишите, постараюсь помочь

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.