title: Why are checkboxes not reset by v-model?
body: <p>This is what i have:</p>
  <ol>
  <li><p>Template</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div
    v-for=&quot;(filter, index) in filtersList&quot;
    :key=&quot;index&quot;
    class=&quot;option-block&quot;
  &gt;
    &lt;label
      v-for=&quot;value in filter.values&quot;
      :key=&quot;value.id&quot;
      class=&quot;option-block__container&quot;
    &gt;
      {{ value.title }}
      &lt;input
        type=&quot;checkbox&quot;
        v-model=&quot;filtersValues[filter.name]&quot;
        :value=&quot;value.value&quot;
      &gt;
      &lt;span class=&quot;option-block__checkmark&quot;&gt;&lt;/span&gt;
    &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  </li>
  <li><p>And the part of my vue code:</p>
  <pre class="lang-js prettyprint-override"><code>data() {
    return {
      filtersList: {},
      filtersValues: {}
    }
  },
  beforeMount() {
    this.loadInitData();
    this.initFilters();
  },
  methods: {
    loadInitData() {
      const data = JSON.parse(this.$el.getAttribute('data-data'));
  
      this.filtersList = data.filters;
    },
    initFilters() {
      for (let i in this.filtersList) {
        if (!this.filtersList.hasOwnProperty(i)) {
          continue;
        }
        this.filtersValues[this.filtersList[i].name] = [];
      }
    }
  }
  </code></pre>
  </li>
  </ol>
  <p>It works, but when i call <code>initFilters()</code> method again (for reseting) checkboxes are still selected, and i don't know why.</p>