我們知道使用jquery很容易做到給當前樣式添加指定class,給兄弟節點移除class，但是使用vue該如何做呢？
其實也非常簡單，例如給點擊id為week的div，為其添加樣式c_active:
<div v-for= "（item,index） in data" :key = "index">
<div :class="{c_active: index == active}" @click="changeClass(index)" id="week">{{item}}</div>
</div>
new Vue({
data: {
week: ['星期一'，'星期二'，'星期三，'星期四'，'星期五'，'星期六'，'星期日'],
active: 0//默認第一個元素添加c_active
},
methods: {
changeClass(index) {
this.active = index;
}
}
})
<style>
.c_active{
color:orangered;
}
</style>