Задать вопрос
rusya_mahin_page
@rusya_mahin_page
WiRight - это все
vue

Возможна ли реинициализация Vuejs на статических данных php?

Суть такова

Есть мини сайт, html которого полностью строится на php (используется yii2 фреймворк)
После загрузки сайта в ход вступает Vuejs

Так вот, хочется чтобы Vuejs смог работать с данными которые уже отдал Php, а не делать еще ajax запрос

Ведь на момент инициализации VueJs уже все данные есть

Сталкивался ли кто-либо с подобной хотелкой?_)
  • Вопрос задан
  • 243 просмотра
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
delphinpro
@delphinpro
frontend developer
Обычная хотелка при скрещивании php с vue =)
Я толкаю массив данных в глобальный объект

Где на странице:

<script type="text/javascript">
  window.__STATE__ = <?= json_encode($allData) ?>;
</script>


В vue компонентах

created () {
  if (window.__STATE__ && window.__STATE__.myData) {
    this.myData = window.__STATE__.myData;
  } else {
    axios.get( .... )
  }
}


При использовании Vuex все еще проще, единственная проверка при инициализации стора.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 2
wagoodoogoo
@wagoodoogoo
prestashop, webix, phalcon, vue, slim, craft cms 
data: function () {
            return {
                tokenKey: {{ tokenKey }},
                tokenVal: {{ tokenVal }},
            }
        },

{{ tokenKey }} и {{ tokenVal }} подставляется шаблоном volt, из php, к примеру
php делает html, а в нём запускается js
Ответ написан
2 комментария
2 комментария
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Где-то во view
$this->registerJs("
    var myVueData = " . yii\helpers\Json::encode($model->attributes) . ";
");


Можно через виджет подключать, будут те же тапки, только как-то так
$this->view->registerJs("
    var myVueData = " . yii\helpers\Json::encode($this->data) . ";
");
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Техлид фронтенд-разработки (React и Vue)
Студия 15
от 200 000 до 250 000 ₽
Frontend-разработчик
DimaTech Ltd • Краснодар
от 80 000 ₽
Vue NodeJS Fullstack (возможно front или back) разработчик (частичная/полная)
Соционом
от 300 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать интерфейс UX/UI для сервиса
05 нояб. 2024, в 19:14
100000 руб./за проект
Разработать скрипт афк фид бот 5x5 для Dota 2
05 нояб. 2024, в 19:07
12000 руб./за проект
Разработать vpn сервис
05 нояб. 2024, в 17:38
150000 руб./за проект
Ещё заказы