Да все достаточно просто:
<template>
<div>
<!-- Вызываем вычисляемое свойство -->
{{ decodedData }}
<div>
</template>
<script>
export default {
// Входной параметр, через который компонент будет принимать данные в JSON представление.
props: ['dataFromPhp '],
computed: {
// Вычисляемое свойство, которое будет преобразовывать данные из JSON в объект js.
decodedData() {
return JSON.parse(this.dataFromPhp );
}
}
}
</script>
Код, в котором используется этот компонент:
<example-component data-from-php="<?= json_encode($data) ?>"></example-component>
