JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.jsdelivr.net/vue/1.0.20/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/vue.router/0.7.11/vue-router.min.js"></script>
<div id="app">
  <ul>
   <li>
     <ul v-link-active>
       <li>
         <a v-link="{ path: '/foo' }">Go to Foo</a>  
       </li>
       <li>
         <a v-link="{ path: '/bar' }">Go to Bar</a>
       </li>
     </ul>
   </li>
   <li>
     <a v-link="{ path: '/baz' }">Go to Baz</a>
   </li>
  </ul>
  <router-view></router-view>
</div>

SCSS

.v-link-active {
  background-color:#0894ec;
  a {
    background-color:#0894ec;
  }
 }

Babel + JSX

var App = Vue.extend({})

var router = new VueRouter()



router.start(App, '#app')