使用vue实现给当前节点添加样式给兄弟节点移除样式

我们知道使用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>