title: How to conditionally apply CSS class in a VueJs object iteration?
body: <p>Code in Vuetify:</p>
  
  <pre><code>&lt;v-layout row wrap&gt; 
       &lt;v-flex xs2 v-for="(month, key) in months" :key ="key"&gt;
            &lt;router-link class = "decoration" :to="month.target"&gt;{{(month.month)}}&lt;/router-link&gt;
       &lt;/v-flex&gt; 
  </code></pre>
  
  <p> </p>
  
  <p>The "v-for" is iterating through an <code>array</code> of <code>objects</code>, which have different properties: </p>
  
  <pre><code>data () {
      return {
  
          months: [
             {
                 month: 'Gen',
                 target: ''
             },
             {
                 month: 'Feb',
                 target: ''
             },
            and so on.
  </code></pre>
  
  <p>How can I conditionally apply the class <code>underlined</code> in the first code block, so that can underline only some months and not all of them?</p>
  
  <p>Thank you in advance!</p>