title: Vue.js v-attr="expression"
body: <p>Using vue.js, I'm trying to <strong>disable</strong> a button if the qty of the item is less than 1.</p>
  
  <pre><code>&lt;div v-repeat = "item: itemsList"&gt;
  &lt;button v-attr="disabled: {{item.qty}} &lt; 1"&gt; Click &lt;/button&gt;
  ......
  </code></pre>
  
  <p>It is not working, nothing is being displayed at all. However, when I put a normal expression like:</p>
  
  <pre><code>&lt;div v-repeat = "item: itemsList"&gt;
  &lt;button v-attr="disabled: 0 &lt; 1"&gt; Click &lt;/button&gt;
  ......
  </code></pre>
  
  <p>It's working properly!</p>
  
  <p>Can anyone explain why I'm unable to use the property in my condition? and is there a way to do it?</p>