如何在vue.js中更改数组中数据的状态？

data() {
  return {
    items: [
      { id: 1, name: 'Item 1', status: 'active' },
      { id: 2, name: 'Item 2', status: 'inactive' },
      { id: 3, name: 'Item 3', status: 'active' }
    ]
  }
}

<ul>
  <li v-for="item in items" :key="item.id">
    {{ item.name }} - {{ item.status }}
    <button @click="changeStatus(item)">Change Status</button>
  </li>
</ul>

methods: {
  changeStatus(item) {
    item.status = 'inactive'; // 更改状态为'inactive'
  }
}