title: Passing an array to a prop in Vuejs
body: <p>I pass a list of values from a parent component to its child and want to receive all of the values but I only receive the last one.</p>
  
  <p>This is the code for the parent component:</p>
  
  <pre><code>     &lt;app-spider-web
       v-for="skill in skills"
       :name="skill.name"
       :required="skill.required"
       :vMode1="skill.vMode1"
       &gt;&lt;/app-spider-web&gt;
  
     ...       
  
  
     skills: [
        {
          name: 'Frozen Yogurt',
          required: 1,
          vMode1: ''
        },
        {
          name: 'Ice cream sandwich',
          required: 3,
          vMode1: ''
        },
        {
          name: 'Eclair',
          required: 1,
          vMode1: ''
        }
      ]
  </code></pre>
  
  <p>And this is the code for the child component:</p>
  
  <pre><code>props:['name','required','vMode1']
  </code></pre>
  
  <p>This way I receive the data one by one and if I want print for instance 'name' it only shows the last name in the list which is 'Eclair' whereas I want to have an array in child components with all the names in them. What's the best way to do it?</p>