请问下老师，这个功能应该怎么实现呢？

同学你好，

是需要通过索引去判断，可以在数据中加一个id，两者进行判断。老师给你举一个例子：

<template>
  <div>
    <ul>
      <!-- 对li循环遍历，绑定点击事件，方法为change，传入参数索引 -->
      <!-- 动态class中用一个对象，item.id==curId是判断，如果当前的id属性与curId（索引）相等的话，返回值为true，那么就用isActive样式 -->
      <li v-for="(item,i) in list" @click="change(i)" :class="{'isActive':item.id==curId}">
        {{item.name}}
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  data() {
    return {
      list: [{
          name: '38号码',
          id: 0
        },
        {
          name: '39号码',
          id: 1
        },
        {
          name: '40号码',
          id: 2
        }
      ],
      // 初始化属性值为-1
      curId: -1,

    }
  },

  methods: {
    // 方法对curId属性赋值当前索引
    change(i) {
      this.curId = i;
    }
  }
}

</script>
<style>
li {
  list-style: none;
  width: 100px;
  height: 50px;
  line-height: 50px;
  margin-top: 10px;
  background: #ddd;
}

/*激活样式为红色*/
.isActive {
  background: red;
}

</style>

在学习过程中要慢慢积累，尝试着去做，才会进步哦。

自己测试下，祝学习愉快！