Как передать данные из php в массив vue.js?

Question

[Anton8989]

Добрый день) Есть следующий код, как можно из php передать значения 100, 200, 300, 400 в массив vue.js? заранее спасибо)

<div id="app">
  <test></test>
</div>

<script>

Vue.component('test', {
  data() {
    return {
      items:[
       { value: [100, 200] },
        { value: [300, 400] },
      ],
    }
  },
 
  template: '<div> <li v-for="item in items">{{ item.value }}</li></div>'
})

new Vue({
  el: '#app'
});

</script>

Результат:

[ 100, 200 ]
[ 300, 400 ]

Comments

[dollar]

В чём конкретно проблема?

[Anton8989]

Добрый день, хотел бы посмотреть на пример кода, который связал бы php с vue.js исходя из данного примера) Спасибо)

[wertex]

Извините, а где тут php?

Answer 1

[serginhold]

json_encode

Comments

[Anton8989]

Извинить, может поможете с примером, как это может выглядеть более подробно на практике? спасибо)

[serginhold]

$array = [
    [
        'value' => [100, 200],
    ],
    [
        'value' => [300, 400],
    ],
];

echo json_encode($array);

[{"value":[100,200]},{"value":[300,400]}]

Answer 2

[bini1988]

Самый очевидный в php создать в пределах тега