How to bind checkboxes to an array in Vue.JS?

Question

Vue.js

I need to form an array of clicked elements (checkboxes).

The code is simple:

<div class="imgType">
    <div v-for="img in images_types" v-bind:value="img">
      <div><input type="checkbox" v-model="selected_images_types">{{img}}</div>
    </div>
  </div>

At the moment I have an array output:
[ ] foo
[ ] bar
[ ] baz

The problem is that when you click on any element, the checkbox selects all other elements. And I need it not to select and the selected elements fall into the `selected_images_types` variable, i.e.
selected_images_types = ["foo", "bar"]

Answer 1

https://jsfiddle.net/rmjd8zp4/
v-bind:value="img" should be moved to input