Cambiar color de resultados con javascript o v-if de vue

[madison_sg]

Bueno, encontre la solucion, ahi les va por si a alguien le sirve:

Código HTML:

 <p class="forecastone" style="position: relative; " v-bind:style="msData.current_month_employees > msData.budget ? 'color: red':''">{{ msData.current_month_employees }}</p> 
              </div>
              <div class="col-md-2" style="padding: 0px;">
                <p class="forecastone" >/</p>
              </div>
              <div class="col-md-2" style="padding: 0px;">
              <p class="forecastone" style="position: relative;" >{{ msData.budget }}</p>
            </div> 

se utiliza el v-bind:style y se condiciona ahi mismo para que si mi primer item es mayor que el segundo lo coloree de rojo, es decir; v-bind:style="msData.current_month_employees > msData.budget ? 'color: red':''" o al reves, si el otro es mayor lo colorea de azul.

Saludos.