如何通过Vuex store操作更改组件中属性的值？

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

Vue.use(Vuex);

const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment(state, payload) {
      state.count += payload;
    }
  }
});

export default store;

import { mapState } from 'vuex';

export default {
  computed: {
    ...mapState(['count'])
  },
  // 组件中的其他代码
}

<template>
  <div>
    <p>Count: {{ count }}</p>
    <button @click="incrementCount">Increment</button>
  </div>
</template>

import { mapMutations } from 'vuex';

export default {
  methods: {
    ...mapMutations(['increment'])
  },
  // 组件中的其他代码
}

export default {
  methods: {
    incrementCount() {
      this.increment(1); // 调用increment mutation方法，并传递参数
    }
  },
  // 组件中的其他代码
}