title: VueJS Form Input Binding
body: <p>Hey so I'm a beginnerin Vue and I only encountered this problem when I used the foreach loop<br>
  Issue: Whenever I select any checkbox all get selected.</p>
  
  <p>create.blade.php</p>
  
  <pre><code>  @foreach ($permissions as $permission)
                &lt;li class="list-group-item bold"&gt;
                    &lt;input type="checkbox" id="{{$permission-&gt;id}}"
                    :custom-value="{{$permission-&gt;id}}" v-model="permissionsSelected"&gt;
                    &lt;label for="{{$permission-&gt;id}}"&gt;{{$permission-&gt;display_name}}
                    &lt;em&gt;{{$permission-&gt;description}}&lt;/em&gt;&lt;/label&gt;
                &lt;/li&gt;
              @endforeach
            &lt;/ul&gt;
      &lt;input type="hidden" name="permissions" :value="permissionsSelected"&gt;
  
  
  
  &lt;script&gt;
   var app = new Vue({
     el: '#app',
     data: {
       permissionsSelected: ''
     }
   });
  &lt;/script&gt;
  </code></pre>