How do I pass php array to vuejs component

Question

I want to pass a php array to a vuejs component.

Here is how I am doing it.

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

Below is the error I am getting in the console

Uncaught SyntaxError: Unexpected token }

When I use it like below. It works fine with no errors.

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

I will appreciate for any help. Thanks

@kikuyu1 check answer of Jacob Goh. It will solve your problem — B. Desai
– B. Desai, Commented Mar 28, 2018 at 4:31

Jacob Goh · Accepted Answer · 2018-03-28 04:28:33Z

6

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

answered Mar 28, 2018 at 4:28

Jacob Goh

20.9k5 gold badges58 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do I pass php array to vuejs component

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related