Vuexで値のセットでエラーが出る時

Vuexを使っていると、次のエラーに悩まされます。

[Vue warn]: Error in callback for watcher "function () { return this._data.$$state }": "Error: [vuex] Do not mutate vuex store state outside mutation handlers."

これはmutation以外で値を変更した時に出てくる警告のようです。

参考: 厳格モード
https://vuex.vuejs.org/ja/strict.html

上記のドキュメントにもありますが、以下の文を消せばOKです。

strict: true

親子関係のcomponentなどでは、親の値を変更をすることもしばしばあると思うのですが、個人的には適用するのはかなり厳しいと思うのですが、使い方がよくないのかもしれませんね。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です