title: disable checkbox after checking two vuejs
body: <p>how can I disable an array of checkbox after checking a number of checkboxes from that array ? 
  Is there a way to do this in vuejs or I will need a watcher for that?
  In fact I tried to watch the 'ord.sauce' but I couldnt make it work  </p>
  
  <p><strong>this is the component</strong></p>
  
  <pre><code>Vue.component('sauce-view', {
  props: ["sauce", "ord", "name"],
  template: '
      &lt;div class=""&gt;
              &lt;input type="checkbox" :name="name" :value="sauce.id" v-model="ord.sauce"&gt;  
              {{sauce.name}}
          &lt;label &gt;
              &lt;img :src="sauce.link" &gt;
          &lt;/label&gt;
      &lt;/div&gt;',
    });
  </code></pre>
  
  <p><strong>This is the HTML</strong></p>
  
  <pre><code>&lt;table&gt;
  &lt;tr v-for="o in order" &gt;
         {{o.sauce}}      
       &lt;td v-for="sauce in les_sauces" &gt;
          &lt;sauce-view :sauce="sauce" :ord="o" :name="o.produit+o.num"&gt;
          &lt;/sauce-view&gt;
      &lt;/td&gt;
  &lt;/tr&gt;&lt;/table&gt;
  </code></pre>