title: vue js, how to pass an array in a template?
body: <p>I just want to pass an array, or dict into a vue template:</p>
  <pre><code> Vue.component('step', {
  
    props: ['data'],
    template: `
        &lt;span&gt; {{data}} {{typeof(data)}}&lt;/span&gt;
    `
  })
  </code></pre>
  <p>in html:</p>
  <pre><code> &lt;div id=&quot;app&quot;&gt;
       &lt;step data=&quot;['tefdfxt', 'Cats']&quot;&gt;&lt;/step&gt;
   &lt;/div&gt;
  </code></pre>
  <p>Is evaluated as a string where it should be an array:</p>
  <pre><code>  ['tefdfxt', 'Cats'] string
  </code></pre>
  <p>My question is: How can you pass an array in html attribute in a way that's not evaluated as a sequence of string? The documentation didn't helped me.
  Of course, I tryed {{}}, and all the parser invocation. Didn't work. Always evaluated as string.</p>
  <h2>edit:</h2>
  <p>I need to add v-bind to the attribute in order to be evaluated as object:
  <a href="https://forum.vuejs.org/t/how-to-pass-array-in-child-component-as-a-prop/3584" rel="nofollow noreferrer">https://forum.vuejs.org/t/how-to-pass-array-in-child-component-as-a-prop/3584</a></p>
  <p>So replace <code>data=&quot;['tefdfxt', 'Cats']&quot;</code> by <code>v-bind:data=&quot;['tefdfxt', 'Cats']&quot;</code></p>