vue将接口给的一组按钮数组在前端标为active选中状态，并且可以取消选中

好的，针对你的问题，可以通过以下步骤来实现：

1. 在 Vue 的 data 属性中定义一个数组来存储按钮的状态，例如：`buttonStatus: [false, false, false]`，这里假设有三个按钮，初始状态都为未选中。

2. 在模板中使用 v-for 指令循环渲染按钮，并绑定对应的状态，例如：

<template>
  <div>
    <button v-for="(status, index) in buttonStatus" :key="index"
            :class="{ active: status }"
            @click="toggleButtonStatus(index)">
      Button {{ index + 1 }}
    </button>
  </div>
</template>

这里使用了一个简单的 CSS 类 `active` 来表示选中状态。`toggleButtonStatus` 方法用于切换按钮的状态。

3. 实现 `toggleButtonStatus` 方法，代码如下：

methods: {
  toggleButtonStatus(index) {
    this.buttonStatus[index] = !this.buttonStatus[index];
  }
}

这里通过修改 `buttonStatus` 数组中对应位置的值来切换按钮的状态。

这样，当用户点击按钮时，对应的状态会被切换，从而改变按钮的样式，达到选中和取消选中的效果。