<div id="app">
<ul>
<li v-for="item in items"
v-on:click="selected = item"
v-bind:class="{ active: selected == item}">
{{ item }}
</li>
</ul>
</div>ul li.active{
background: lightblue;
}var app = new Vue({
el: '#app',
data: {
items: ["apple", "orange", "strawberry"],
selected: '',
},
});
External CSS
This Pen doesn't use any external CSS resources.