title: Vuejs radio button binding input
body: <p>I am creating edit form page and i run this before the page loaded</p>
  
  <pre><code>beforeMount(){
      if(this.$route.meta.mode === 'edit'){
          this.initialize = '/api/artikel/edit/' + this.$route.params.id;
          this.store = '/api/artikel/update/' + this.$route.params.id;
          this.method = 'put';
      }
      this.fetchData();
  },
  </code></pre>
  
  <p>and in my fetchData() method i just go to server and retrieve corresponding data to my article id.</p>
  
  <pre><code>fetchData(){
      var vm = this
      axios.get(this.initialize)
          .then(function(response){
              Vue.set(vm.$data, 'form', response.data.form);
              Vue.set(vm.$data, 'rules', response.data.rules);
              Vue.set(vm.$data, 'option', response.data.option);
          })
          .catch(function(error){
          })
  },
  </code></pre>
  
  <p>and then in my form i just bind my form data to my input and it works great in input text but not in other like in this question is input radio button</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;h5&gt;Publish:&lt;/h5&gt;
      &lt;label class="radio-inline"&gt;
          &lt;input type="radio" name="publish" class="styled" value="1" v-model="form.publish"&gt;
          Yes
      &lt;/label&gt;
      &lt;label class="radio-inline"&gt;
          &lt;input type="radio" name="publish" class="styled" value="0" v-model="form.publish"&gt;
          No
      &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>it supposed to be auto check into radio button according to the value from database... but in my case none of them checked.. but when i check manualy by clicking it... i see using the form.publish value is changed according to which radio button i check using vuejs inspector in chrome</p>
  
  <p>so where do i get it wrong?</p>