SOURCE

new Vue({
    el:"#app",
    data:{
        list:['张三', '李四', 'wang'],
        index:0,
    }
})

<div id="app">

<div class="row">
    <div class="btn" :class="{'btn-active': i == index}"  v-for="(item, i) in list" :key="item">{{ item }}</div>
</div>



</div>

.row {
    display: flex;
}

.btn {
    padding: 5px 10px;
    background: #fff;
}


.btn-active {
    background: #556dea;
    color: #fff;
}