在Vuex中使用计算绑定时，清除表单的优雅方法是什么？

// 定义mutation
const mutations = {
  resetForm(state) {
    state.formValue = ''; // 将表单的值重置为空
  }
};

// 创建store
const store = new Vuex.Store({
  state: {
    formValue: '' // 表单的值
  },
  mutations
});

export default store;

<template>
  <div>
    <input v-model="formValue" type="text" />
    <button @click="clearForm">清除表单</button>
  </div>
</template>

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

export default {
  computed: {
    ...mapState(['formValue']) // 使用计算属性绑定表单的值
  },
  methods: {
    ...mapMutations(['resetForm']), // 映射resetForm mutation
    clearForm() {
      this.resetForm(); // 调用resetForm mutation来清除表单
    }
  }
};
</script>