title: Enable/Disable button with vueJs
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>new Vue({
    el: '#app',
    data: {
      terms: false,
      fullname: false,
      mobile: false,
      area: false,
      city: false,
    },
    computed: {
      isDisabled: function(){
          return !this.terms &amp;&amp; !this.fullname &amp;&amp; !this.mobile &amp;&amp; !this.area &amp;&amp; !this.city;
      }
    }
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="app"&gt;
    &lt;p&gt;
      &lt;label for='terms'&gt;
        &lt;input id='terms' type='checkbox' v-model='terms' /&gt; I accept terms!!!
        &lt;input id="fullname" type='text' v-modal='fullname'/&gt; name
        &lt;input id="mobile" type='text' v-modal='mobile'/&gt; mobile
         &lt;input id="area" type='text' v-modal='area'/&gt; area
        &lt;input id="city" type='text' v-modal='city'/&gt; city
      &lt;/label&gt;
      
    &lt;/p&gt;
    &lt;button :disabled='isDisabled'&gt;Send Form&lt;/button&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Until user fill all the details, button should be disabled.
  But Issue with this is if i click on checkbox directly button is enabling without checking for other fields</p>