Задать вопрос
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) . ";
");
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Developer (Vue/Nuxt)
tactic.team
от 140 000 до 180 000 ₽
Frontend разработчик (Vue)
Creatium
от 150 000 ₽
Frontend developer Vue
Viletech • Москва
от 150 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка Telegram Miniapp на React.js или Vue.js
29 нояб. 2024, в 10:27
100000 руб./за проект
Модуль OCR на python 3.11 +
29 нояб. 2024, в 09:43
100000 руб./за проект
Разработать калькулятор расчета стоимости на Битрикс
29 нояб. 2024, в 09:15
60000 руб./за проект
Ещё заказы