Vue input disable

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.25/vue.js"></script>
<div id="app">
  <button @click="disabled = (disabled + 1) % 2">Toggle Enable</button>
  <input type="text" id="name" class="form-control" name="name"  v-model="form.name" :disabled="disabled == 1 ? true : false">
    
  <pre>{{ $data | json }}</pre>
</div>

JavaScript

var app = new Vue({
  el: '#app',

  data: {
    disabled: 0,
  },
});