Есть компонент. В нем код:
<script>
import { Head } from '@inertiajs/inertia-vue3';
export default {
components: {
Head
},
props: {
title: String,
myVarJs: Array, // Данные, которые получаю с пхп
}
}
var salesChartData = {
labels: [1,2,3,4],
datasets: [
{
data: [100, 200, 300, 400]
}
]
}
</script>
<template>
<Head title="JS" />
тут таблица сформирована js
</template>
Используется Инерция + Ларавель.
Основной JS компилируется и надо ему только переменную salesChartData, которая формируется в шаблоне.
ПХП отдает нужные параметры. Их вставляю в JS в шаблоне (в массивах написал данные)
Но такой пример не хочет работать. Консоль пишет, что скомпилированый код не увидел переменную salesChartData