How to pass data from php to vue.js array?

Question

Vue.js

Good afternoon) There is the following code, how can I pass the values ​​​​100, 200, 300, 400 from php to the vue.js array? thanks in advance)

<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>

Result:
[ 100, 200 ]
[ 300, 400 ]

Answer 1

json_encode

Answer 2

Most obvious in php create within tag