如何将php数组传递给vuejs组件

Question

我想将php数组传递给vuejs组件。

以下是我的表现。

＆＃13;

＆＃13;

<?php
  $number = ['one', 'two', 'three'];
?>

<!-- My vue js component -->

<orderform :orderd="formdata"></orderform>

<script>
  const app = new Vue({
      el: '#orderform',
      data(){
        return {
            formdata: <?php $number ?>
        }
      }
  });
</script>

＆＃13;

＆＃13;

＆＃13;

以下是我在控制台中收到的错误

未捕获的SyntaxError：意外的令牌}

当我像下面这样使用它时。它工作正常，没有错误。

＆＃13;

＆＃13;

<?php
  $number = ['one', 'two', 'three'];
?>

<!-- My vue js component -->

<orderform :orderd="formdata"></orderform>

<script>
  const app = new Vue({
      el: '#orderform',
      data(){
        return {
            formdata: ['one', 'two', 'three']
        }
      }
  });
</script>

＆＃13;

＆＃13;

＆＃13;

我会感激任何帮助。感谢

Answer 1

<script>
  const app = new Vue({
      el: '#orderform',
      data(){
        return {
            formdata: <?php print json_encode($number) ?>
        }
      }
  });
</script>