在使用VueX时，将整个数据项作为属性传递到Vue列表中

// store.js
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    items: [
      { id: 1, name: 'Item 1' },
      { id: 2, name: 'Item 2' },
      { id: 3, name: 'Item 3' }
    ]
  },
  mutations: {
    updateItem(state, payload) {
      const index = state.items.findIndex(item => item.id === payload.id)
      if (index !== -1) {
        state.items[index] = payload.item
      }
    }
  }
})

export default store

<template>
  <div>
    <ul>
      <li v-for="item in items" :key="item.id">
        <input v-model="item.name" @input="updateItem(item)">
      </li>
    </ul>
  </div>
</template>

<script>
import { mapState, mapMutations } from 'vuex'

export default {
  computed: {
    ...mapState(['items'])
  },
  methods: {
    ...mapMutations(['updateItem'])
  }
}
</script>