Vuexでmutations内の関数に引数を渡したい

Question

前提・実現したいこと

Vue.jsのVuexを学習中
mutations: { }内に関数を作成している
その関数をVue側から呼び出す際、引数を渡したい
渡す引数は1つだけ

最終的にはvuexのstateの情報を動的に書き換えたい

発生している問題・エラーメッセージ

vueファイルから適当な文字列を引数に入れて渡しても、
vuex側console.logすると意図しない値が出てきます。

該当のソースコード

↓Hoge.vue

<template>
    <div id="app">
        <h1>{{ $store.state.message }}</h1>
        <h2>{{ $store.state.email }}</h2>
</template>
<script>
    export default {
        mounted() {
            this.$store.commit("update");
            this.$store.commit("updateUser",'[e-mail]')
        },
        computed: {

        },
        methods: {

        }
    };
</script>

↓resources\js\store\index.js

import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);

const store = new Vuex.Store({
    state: {
        message: '元のメッセージ',
        email: '[e-mail]'
    },
    mutations: {
        update() {
            this.state.message = '書き換え後のメッセージ'
        },
        updateUser(fuga) {
            console.log(fuga)//←この時点で[e-mail]じゃない値が返る

            var hoge = JSON.parse(JSON.stringify(fuga))
            console.log(hoge)
            this.state.email = hoge
        }
    }
}, );
export default store;

index.jsのconsole.log(fuga)の時点で、

email: Object
email: "[e-mail]"
message: "書き換え後のメッセージ"

というオブジェクトが返ってきてしまいます。

Hoge.vueでは、this.$store.commit("updateUser",'[e-mail]')と書いているので、
単純に文字列の[e-mail]をindex.js側で受け取れるはずなのでは？？
と思うのですが、同index.jsで定義したstateの内容がオブジェクトとして渡されてしまいます。

試したこと

vue側ででmountedの中に書くこと自体がよくないのか？
と考え、computedやmethodsに書いて呼び出すことも試しましたが、結果は同じでした。

そもそも的外れなことをしていたら申し訳ありません。
知恵を貸していただけると幸いです。

補足情報（FW/ツールのバージョンなど）

Vue2

Answer 1

Vuexのmutationsのハンドラ（関数）の第一引数はcommitした値ではなく state です。
commitした値は第二引数として渡されます。

const store = new Vuex.Store({
    state: {
        message: '元のメッセージ',
        email: '[e-mail]'
    },
    mutations: {
        updateUser(state, newEmail) {
          state.email = newEmail
        }
    }
}, );

公式サイトのこちらを確認されるといいと思います。

Comments

[bokupiroki]

解決しました！
ありがとうございます！