title: VueJs Checked Radio Button group
body: <p>I am using vueJs and have a radio button group. When the radio is checked how can I bind a css border attribute to a class <code>:class="selected"</code>?</p>
  
  <p>The <code>:checked</code> attribute does not work as I have bound it to the v-model.</p>
  
  <p>So if the radio is checked bind a class (selected) to the div.</p>
  
  <pre><code>&lt;div class="sau-select lg center" :class="selected"&gt;
     &lt;label for="windows"&gt;
        &lt;input type="radio" id="windows" value="windows" v-model="selectedOs" :checked="checked"&gt;
        &lt;span&gt;&lt;/span&gt;
        &lt;img src="/img/windows.gif" alt="Windows"&gt;Windows
     &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>