title: Vue change style in for Conditionally
body: <p>I have a v-for and I need to change a style according to the return of a given data.</p>
  
  <pre><code>&lt;div id="beerApp"&gt;
    &lt;ul&gt;
       &lt;li v-for="cervejaria in cervejarias"&gt;   
          &lt;span class="CHANGE Conditionally IF cervejaria.name == 'foo' "&gt;{{cervejaria.name}}&lt;/span&gt;
      &lt;/li&gt;
  
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In the angular it is like following:</p>
  
  <pre><code>ng-class="cervejaria.name == 'Foo' ? 'task-cat blue lighten-5 black-text' : 'task-cat green'"
  </code></pre>