title: Using V-model on a loop
body: <p>I am trying to use <code>v-model</code> on <code>v-for</code> loop and its throwing an error.</p>
  
  <p>How can i get this to work</p>
  
  <pre><code>&lt;ul class=""&gt;
    &lt;li class="" v-model="category.data" v-for="category in categories" :key="category.id"&gt;
      &lt;input :id="'checkbox'+ category.id" type="checkbox" @change="categoriesComputed($event)" :value="category.slug"&gt;
      &lt;label :for="'checkbox'+ category.id"&gt;
        {{category.title | capitalize}}
        &lt;span&gt;{{category.job_posts | countObj | toNumber}} Jobs&lt;/span&gt;
      &lt;/label&gt;
    &lt;/li&gt;
  &lt;/ul&gt; 
  </code></pre>
  
  <p>And in Vue</p>
  
  <pre><code>&lt;script&gt;
  export default {
      data(){
          return {
              type: [],
              categories: [],
              category: {
                  data: [],
              },
          }
      },
  }
  &lt;/script&gt;
  </code></pre>