[Vuejs]-Vuejs add css class to ul li list from array

Simply do

<ul>
  <li v-for="item in items" :class="item.cssClass">{{item.text}}</li> 
</ul>

Here is a fiddle https://jsfiddle.net/mananvaghasiya/1ycvwwrb/4/ feel free to inspect list items to see the class name.

You can use directive v-bind for this:

<ul>
  <li v-for="item in items" v-bind:class="item.className">{{item.text}}</li> 
</ul>

or in short:

<ul>
  <li v-for="item in items" :class="item.className">{{item.text}}</li> 
</ul>