如何在Vue中以反应方式更新数组中的对象属性？

Question

我有一个简单的v-for：

<tr v-for="user in users" :key="user.id">
    <td>{{ user.address }}</td>
    <td>{{ user.sites }}</td>
    <td v-if="user.api">
        <button class="btn btn-warning" @click="restart(user.api); user.api = false">Restart</button>
    </td>
</tr>

使用网络套接字，我需要更新特定用户的一个属性：

socket.on('users.api', (data) => {
    for (let index in this.users) {
        if (this.users[index].id == data.id) {
            // Vue.set(this.users, index, {...this.users[index], api: data.api});
        }
    }
})

我应该怎么做？