title: Radio buttons in Vuejs 2.0
body: <p>I'm building a small application in <code>VueJS 2.0</code> and I'm using Inspinia premium admin template, where I'm having a radio buttons something like this:</p>
  
  <pre><code>&lt;div data-toggle="buttons" class="btn-group"&gt;
      &lt;label class="btn btn-sm btn-white active"&gt; 
          &lt;input type="radio" v-model="taskTime" value="7" name="taskTime"&gt; Week 
      &lt;/label&gt;
      &lt;label class="btn btn-sm btn-white"&gt; 
          &lt;input type="radio" v-model="taskTime" value="30" name="taskTime"&gt; Month 
      &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When any of the buttons being selected or if <code>taskTime</code> data is changed I'm calling a function, so for this I've watch function:</p>
  
  <pre><code>watch: {
      taskTime(newValue) {
          console.log('clicked');
  
      }
  }
  </code></pre>
  
  <p>I'v properly defined v-model/data in my data set</p>
  
  <pre><code>data() {
      return {
          taskTime: ''
      }
  },
  </code></pre>
  
  <p>JSFiddle in my case: <a href="https://jsfiddle.net/60q14y26/" rel="nofollow noreferrer">https://jsfiddle.net/60q14y26/</a></p>
  
  <p>I don't know why it is not working, I guess something is preventing from executing this. Help me out with these.</p>
  
  <p>Thanks</p>