如何使用Vuex store实现编辑功能？

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

const store = new Vuex.Store({
  state: {
    // 存储编辑的数据
    editData: null
  },
  mutations: {
    // 定义一个mutation用于更新editData
    updateEditData(state, data) {
      state.editData = data;
    }
  }
});

export default store;

import { mapState, mapMutations } from 'vuex';

export default {
  computed: {
    // 将store中的editData映射到当前组件的editData计算属性
    ...mapState(['editData'])
  },
  methods: {
    // 将updateEditData mutation映射到当前组件的updateEditData方法
    ...mapMutations(['updateEditData']),
    // 编辑数据
    editData(data) {
      // 更新store中的editData
      this.updateEditData(data);
      // 其他编辑逻辑
      // ...
    }
  }
}

<template>
  <div>
    <button @click="editData(someData)">编辑</button>
    <p>{{ editData }}</p>
  </div>
</template>

<script>
  export default {
    // ...
  }
</script>