vue如何操作选中日期的样式

[bugger_Lee]

</ul>
<!-- 日期 -->
<ul class="days">
<li v-for="day in days">

<!--今年之前-->

<span v-if="day.getFullYear() < new Date().getFullYear() " class="other_day">{{ day.getDate() }}</span>
<span v-else>
<!--本月之前-->
<span v-if="day.getFullYear() == new Date().getFullYear() && day.getMonth() < new Date().getMonth()" class="other_day">{{ day.getDate() }}</span>
<span v-else >

<!--本月-->
<span v-if="day.getMonth()+1 != currentMonth" class="other-month">{{ day.getDate() }}</span>
<span v-else>

<!--今天之前-->
<span v-if="day.getFullYear() == new Date().getFullYear() && day.getMonth() == new Date().getMonth() && day.getDate() < new Date().getDate()" class="other_day_before">{{ day.getDate() }}</span>
<span v-else >

<!--今天-->
<span v-if="day.getFullYear() == new Date().getFullYear() && day.getMonth() == new Date().getMonth() && day.getDate() == new Date().getDate()" class="active">{{ day.getDate() }}</span>
<span v-else @click="pick(day)">{{ day.getDate() }}</span>

</span>
</span>
</span>
</span>

</li>
</ul>

用 .days li:hover 只能操作一个日期，重新点击样式就变了
现在需要的是点击一次样式改变，点击下一个样式也改变。应该怎么做啊？？？