Передача php данных в props Vue компонента

В данной категории, пользователи задают вопросы относительно установки и эксплуатации MOGUTA.CMS
Ответить
Аватара пользователя
fervark
lvl 5
Сообщения: 69
Зарегистрирован: 14 июл 2015, 19:53

Передача php данных в props Vue компонента

Сообщение fervark » 21 июл 2020, 02:46

Доброго времени суток.
Подскажите как передать json в props компонента vue.

В horizontmenu подключен vue компонент

Код: Выделить всё

	<navbar-menu
                data_categories="<?php echo json_encode($data['categories']); ?>"
        ></navbar-menu>

Код: Выделить всё

<?php echo json_encode($data['categories']); ?>

Распечатывает строку на странице вместо того, чтобы передать ее в компонент.

console.log в компоненте выводит в консоле пустую строку.

Код: Выделить всё

<template>
    <div></div>
</template>

<script>
    export default {
        name: "navbarMenu",
        props: [
            'data_categories'
        ],
        data() {
            return {
                categories: this.data_categories
            }
        },
        mounted() {
            console.log(this.data_categories);
        }

    }
</script>
Нужно передать в props компонента массив $data['categories'] или весь $data в виде json, после чего обрабатывать массив на JS
Ответить