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

Question

我想将一个php数组传递给vuejs组件.

我是这样做的.

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

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

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

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

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

我会感激任何帮助.谢谢

Answer 1

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