Vue

by Ruslan

HTML

<ul id="example-1">
  <li v-for="item in items" v-bind:class="{test: isActive, prefix: isActive}">
    {{ item.message }}
  </li>
</ul>

Vue

var example1 = new Vue({
  el: '#example-1',
  data: {
   isActive : true,
    items: [
      { message: 'Foo' },
      { message: 'Bar' },
      { message: 'Test'}
    ]
  }
})