如何在Vue中显示/操作后端对象数组的指定值？

data() {
  return {
    backendArray: []
  }
},
created() {
  // 从后端获取数据并赋值给backendArray
  // 例如使用axios库发送Ajax请求
  axios.get('/api/backendData')
    .then(response => {
      this.backendArray = response.data;
    })
    .catch(error => {
      console.error(error);
    });
}

<div v-for="item in backendArray" :key="item.id">
  {{ item.value }}
</div>

<div v-for="item in backendArray" :key="item.id">
  {{ item.value }}
  <button @click="handleClick(item.id)">操作</button>
</div>

methods: {
  handleClick(id) {
    // 根据id执行相应操作
    // 例如更新后端对象数组中的指定值
    const item = this.backendArray.find(item => item.id === id);
    if (item) {
      item.value = '新的值';
    }
  }
}