Задать вопрос
@thorii
php

Как связать Vue.js с php?

Как передать данные в шаблоны Vue из php? Компонент вью подключается к странице через src в script. Как например вы подставляете значения в компонент vue из php?

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Feed</title>
</head>
<body>

<div id="app">
    <feed></feed>
</div>

<script src="/bundle.js"></script>

</body>
</html>

Весь основной код шаблона описан в bundle.js. Сама страница прогоняется через php движок для подстановки значений через шаблонизатор(Было во времена без Vue, и не очень хочется переделывать подстановки данных в шаблоны с сервера php). Не очень хочется раскрывать bundle.js и вставлять код на страницу напрямую(естественно так будет подстановка через <?=$var?>).

Или лучше связать front с backend через ajax запросы к api?
  • Вопрос задан
  • 6675 просмотров
Комментировать
Подписаться 3 Оценить Комментировать
Решения вопроса 1
nexmean
@nexmean
погромист
>Или лучше связать front с backend через ajax запросы к api?
This.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
ajaxtelamonid
@ajaxtelamonid
Laravel
На php генерится шаблон страницы вместе с блоком script , где в переменную, например, windows.init_data присваивается json. В js-приложении данные из window.init_data передаются в стор или в стейт главного компонента.
Ответ написан
Комментировать
Комментировать
@adrontek
в HTML
<input type="hidden" id="data" value="<?= json_encode(['a1' => $a1, 'a2' => $a2]) ?>">

в JS
JSON.parse(getElementById('data').value);

Наверно не самое лучшее решение, но плюсов достаточно
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
PHP разработчик
Lachestry • Таганрог
от 170 000 до 200 000 ₽
Бэкенд разработчик (PHP Symfony)
Продумáн • Москва
До 260 000 ₽
Senior PHP Developer
Wisebits
от 4 000 €
Ещё вакансии
Заказы с Хабр Фриланса
Расшифровать требуемые параметры из CAN-шины авто Chery Tiggo 7 Pro
23 дек. 2024, в 00:27
20000 руб./за проект
Отправка команды на (раз)блокировку двигателя Chery Tiggo 7 Pro
23 дек. 2024, в 00:15
20000 руб./за проект
Собрать из исходного кода и запустить в докере рабочее приложение с бд
22 дек. 2024, в 22:57
500 руб./за проект
Ещё заказы