title: Vue.js even numbered rows formatting
body: <p>Using vue.js I am trying to to make odd rows with a class of light-orange and even rows with a class or green</p>
  
  <p>In my template, I have </p>
  
  <pre><code>&lt;div class="col-md-3" v-for="m in menu"&gt;\
      &lt;div class="menu-item light-orange"&gt;{{#if Math.abs($index % 2)}}\
                              &lt;a href="#feature-modal" data-toggle="modal"&gt;\
                                  &lt;i class="fa {{m.icon}}"&gt;&lt;/i&gt;\
                                  &lt;p&gt;Feature&lt;/p&gt;\
                              &lt;/a&gt;\
                          &lt;/div&gt;\
                          &lt;/div&gt;\
  </code></pre>
  
  <p>In addition to the Math.abs there, I tried a few other math related functions... all with the same result... ie. Always showing the text in the if statement</p>