title: V-if value condition in table
body: <p>I have a table with tbody and using Vuejs:</p>
  
  <pre><code> &lt;tbody&gt;
        &lt;tr v-for="(item,i) in data" :key="i"&gt;
            &lt;th scope="row"&gt;&lt;/th&gt;
            &lt;td&gt;{{item.dwg}}&lt;/td&gt;
            &lt;td&gt;{{item.name}}&lt;/td&gt;
            &lt;td&gt;{{item.ValueOfDay1}}&lt;/td&gt;
            &lt;td&gt;{{item.ValueOfDay2}}&lt;/td&gt;
            &lt;td&gt;{{item.ValueOfDay3}}&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/tbody&gt;
  </code></pre>
  
  <p>I want to use v-if to change the styling of the <code>&lt;td&gt;</code> element:</p>
  
  <pre><code>if item.ValueOfDay1 = 10 --&gt; background-color of &lt;td&gt; is red,
  if item.ValueOfDay1 = 10.1 --&gt; background-color of &lt;td&gt; is blue,
  if item.ValueOfDay1 = 10.2 --&gt; background-color of &lt;td&gt; is green.
  </code></pre>
  
  <p>How can I do this?</p>