フォームの扱い | Vuex

厳格モードで Vuex を使用するとき、Vuex に属する状態の一部で v-model を使用するのは少しトリッキーです: obj がストアからオブジェクトを返す算出プロパティ (computed property) と仮定すると、v-model は input でユーザーが入力するとき、直接 obj.message を変更します。厳格モードでは、この変更は明示的に Vuex のミューテーションハンドラ内部で処理されていないため、エラーを投げます。 それに対処するための "Vuex way" は、<input> の値をバインディングし、input または change イベントでアクションを呼び出すことです:

[tvsk]

vuex と form をくみあわせる

[razokulover]

Vuexに属する状態の一部でv-modelを使用するパターン。vue jsで親子間以外の通信で状態変更する場合はこのパターンに則ればいけそう。