title: Set checkbox with Vue data
body: <p>I have Vue data;</p>
  
  <p>Like as app.$data.Result this result coming from server and it is just value(0-31) ;</p>
  
  <p>I want to arrange my checkboxes with depend on this value;</p>
  
  <p>This is checkboxes;</p>
  
  <pre><code>&lt;div class="form-group"&gt;    
      &lt;input class="checkbox" data-role="checkbox" data-caption="Issue1" id="ch1" value="1" /&gt; 
      &lt;input class="checkbox" data-role="checkbox" data-caption="Issue2" id="ch2" value="2"&gt;
      &lt;input class="checkbox" data-role="checkbox" data-caption="Issue3" id="ch3" value="4" &gt;
      &lt;input class="checkbox" data-role="checkbox" data-caption="Issue4" id="ch4" value="8"&gt;
      &lt;input class="checkbox" data-role="checkbox" data-caption="Issue5" id="ch5" value="16" &gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I can set them by coming data with their using Id's</p>
  
  <pre><code>if (app.$data.Result == 1) {
        $("#ch1").prop("checked", true);
     }
  </code></pre>
  
  <p>But this way is too long because app.$data.Result can be like "3" and i must checked Issue1 and Issue2 also when User click any checkbox ,i need add/sub  app.$data.Result so how can i solve this problem with Vue.</p>